jQuery ajax函数的使用、jsonp实现扩域数据交换@2018-06-16

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34983808/article/details/80716086

1、jQuery ajax函数的使用

url: url,    //请求的url地址
    dataType: datatype,   //服务器返回的值类型
    async: true, //请求是否异步，默认为异步
    data: { 
        "id": "value" ,
        "param":"param"
    },//发送到服务器的参数
    type: "GET",   //请求方式
    beforeSend: function() {
        //请求前的处理
    },
    success: function(data) {
        //请求成功时处理
    },
    complete: function() {
        //请求完成的处理
    },
    error: function() {
        //请求出错处理
    }
});

2、jsonp实现扩域数据交换

jQuery(document).ready(function(){ 
        $.ajax({
             type: "get",
             async: false,
             url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
             dataType: "jsonp",
             jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
             success: function(json){
                 alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');
             },
             error: function(){
                 alert('fail');
             }
         });
     });

参考：
https://segmentfault.com/a/1190000003096293
https://segmentfault.com/a/1190000005039298
https://segmentfault.com/a/1190000004480389
https://juejin.im/post/5a0e3f0a5188254d2b6db1b6

https://segmentfault.com/a/1190000007232373
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
https://www.haorooms.com/post/jquery_ajax_wg

https://segmentfault.com/a/1190000000537360
https://segmentfault.com/a/1190000000544457
https://segmentfault.com/a/1190000000582266