跨域请求POST解决方案

8次阅读

共计 875 个字符,预计需要花费 3 分钟才能阅读完成。

来源于:阿贤博客
跨域请求 POST 解决方案
cookie 一般情况下是没法跨域的,甚至 POST 请求一般情况下都是无法跨域的。
// 请求代码示例
$.ajax({
url: url,
type: “POST”,
data: metadata,
dataType: ‘json’,
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function(){},
error: function(){}
});

1、默认情况下,ajax(XMLHttpRequest() 对象和 ie 下 Microsoft.XMLHTTP 对象)受制于同源策略是不允许跨域请求。
2、jsonp 的跨域是利用页面动态添加 script 标签来引用跨域资源来避开这个限制,但没有 post 方法。

解决方法:服务器端设置,允许 ajax 请求跨域
## 服务端设置允许跨域代码,eg:
header(“Access-Control-Allow-Credentials: true”);

header(“Access-Control-Allow-Origin: http://www.xxx.com”);

## 设置成功后,在接口请求的 Response Headers 会看到一下以下允许跨越信息
{
Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:x-requested-with,content-type
Access-Control-Allow-Methods:POST
Access-Control-Allow-Origin:http://www.aipai.com
}
cookies 的跨域解决方案
ajax 跨域请求问题解决了,但当后端需要通过接口获取 cookies 时,同样存在 cookies 的跨域问题

cookies 的跨域解决方法:在请求中添加以下参数,请求头信息便会附带 cookies 信息
// 代码
$.ajax({

xhrFields: {
withCredentials: true
},

});
来源于:阿贤博客

正文完
 0