JQUERY的AJAX中 get()、post()的跨域方法
2021-02-19 01:17
标签:method res dom max-age div nbsp 回调 请求 state 【在进行跨域前,你需要知道的东西】:用ajax进行跨域请求,很多人就知道jsonp,然而很多人根本就不知道使用ajax跨域同时使用jsonp只能支持get方式请求,如果你进行post请求会执行error,并且返回readyState=4同时status=200 (服务器端代码):就是后台语言端(这里我以php为例) JQUERY的AJAX中 get()、post()的跨域方法 标签:method res dom max-age div nbsp 回调 请求 state 原文地址:https://www.cnblogs.com/pwindy/p/12937953.htmlget()请求:
$.ajax({
type: "get",
url: "你的请求地址",
dataType: ‘jsonp‘, //【jsonp进行跨域请求 只支持get】
data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
"a":"b",
"c":"d"
},
success: function(data) { //【成功回调】
console.log(data);
},
error: function(xhr, type) { //【失败回调】
}
});
post()请求:
$.ajax({
type:"post",
url:"你的请求地址",
data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
"a":"b",
"c":"d"
},
dataType:‘json‘, //【这里要小心啊,不要用jsonp,一定是json】
crossDomain: true, //【这个很重要,一定要加】
success:function(result){
console.log(result);
},
error:function(result){
console.log(result);
}
});
在你执行所有操作之前加上它,使用的框架的建议放在框架的入口文件的最前面 header(‘Access-Control-Allow-Origin: *‘);
header(‘Access-Control-Allow-Methods: POST‘);
header(‘Access-Control-Max-Age: 1000‘);
文章标题:JQUERY的AJAX中 get()、post()的跨域方法
文章链接:http://soscw.com/index.php/essay/57297.html