最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

跨域请求POST的解决方法介绍

来源:动视网 责编:小采 时间:2020-11-27 19:26:48
文档

跨域请求POST的解决方法介绍

跨域请求POST的解决方法介绍:本篇文章给大家带来的内容是关于跨域请求POST的解决方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。跨域请求POST解决方案cookie一般情况下是没法跨域的,甚至POST请求一般情况下都是无法跨域的。 // 请求代码示例 $.ajax(
推荐度:
导读跨域请求POST的解决方法介绍:本篇文章给大家带来的内容是关于跨域请求POST的解决方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。跨域请求POST解决方案cookie一般情况下是没法跨域的,甚至POST请求一般情况下都是无法跨域的。 // 请求代码示例 $.ajax(


 // 请求代码示例
 $.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 
 },
 ...
 });

【相关推荐:JavaScript视频教程】

文档

跨域请求POST的解决方法介绍

跨域请求POST的解决方法介绍:本篇文章给大家带来的内容是关于跨域请求POST的解决方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。跨域请求POST解决方案cookie一般情况下是没法跨域的,甚至POST请求一般情况下都是无法跨域的。 // 请求代码示例 $.ajax(
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top