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