ajax 跨域请求

一、通过<script src=""></script>方式

http://7.7.7.130:8088/danmu_websocket/data.js中的数据如下：getData('{"name":"jason","age":"18","address":"CQ"}');

<script src="http://7.7.7.130:8088/danmu_websocket/data.js"></script>

    function getData(data){

        console.log(data);

    }

二、ajax  jsonp请求方式

    //跨域获取天气信息

    $.ajax({
        url:'http://api.asilu.com/weather/',
        type:'get',
        dataType:'jsonp',                  //jsonp格式访问
        jsonp:"callback",                  //callback参数名
        jsonpCallback:'getName',   //getName函数名   callback=getName
        success:(function(data){
            console.log(data);
        }),
        error:(function() {
            alert('服务器超时，请重试！');
        })

    })

注意：如果不写 jsonpCallback：'getName'请求参数为callback=JQuery64645165464---》jquery随机生成

                    写了 jsonpCallback：'getName'请求参数为callback=getName

1. jsonp、jsonpCallback  jsonp跨域时可以自定义的两个参数

2. jsonp: 回掉函数名的参数名，默认callback，服务端通过它来获取到回掉函数名

3. jsonpCallback: 回掉函数名，默认jquery自动生成

4. 指定jsonpCallback时可以将回掉函数写在ajax外面做其他操作，不指定时不能这样做，只能在success里做操作

一般jquery跨域用到的两个方法为：$.ajax 和$.getJSON

最后，仔细安静下来，细读 json 官方文档后发现这么一段：

JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback，可以通过设置$.ajax()的jsonp参数。