解决跨域问题

一、jsonp方法

原理：通过动态生成script标签来调用服务器提供的js脚本
jsonp的封装：

<button id="btn1">点我发送请求</button>
	<button id="btn2">点我发送请求</button>
	<script type="text/javascript">
		// 获取按钮
		var btn1 = document.getElementById('btn1');
		var btn2 = document.getElementById('btn2');
		// 为按钮添加点击事件
		btn1.onclick = function () {
			jsonp({
				// 请求地址
				url: 'http://localhost:3001/better',
				data: {
					name: 'lisi',
					age: 30
				},
				success: function (data) {
					console.log(123)
					console.log(data)
				}
			})
		}

		btn2.onclick = function () {
			jsonp({
				// 请求地址
				url: 'http://localhost:3001/better',
				success: function (data) {
					console.log(456789)
					console.log(data)
				}
			})
		}

		function jsonp (options) {
			// 动态创建script标签
			var script = document.createElement('script');
			// 拼接字符串的变量
			var params = '';
			for (var attr in options.data) {
				params += '&' + attr + '=' + options.data[attr];
			}
            #不同的请求需要对应自己的函数，处理服务器端返回的结果，如果函数名一样的话，后面的请求会覆盖前面的请求，而我们对jsnop函数进行了封装，请求的都是同一个函数，所以使用math.ra