ajax跨域请求,亲测有效

简介: ajax跨域请求,亲测有效

跨域请求域有两种常用解决方案,jsonp和cors,

因为jsonp只能解决get请求问题,我这里用的是cors方法。

js前端ajax请求:

$.ajax({ url: "http://192.168.0.43:9030/Home/GetTextValue", //需要请求的路径(注意,部署的时候放在不同的电脑上面,要不然你的只是跨端口而不是跨域)
data: { },
type: "post",
//async: false,
dataType: "json",
success: function (data){
$("#kua").html(data.info) },
error: function (data) {
console.log("获取识别结果失败,请重试!"); }
});

(需要跨的项目)资源项目的web里面配置文件

<system.webServer>
<httpProtocol>
<customHeaders>
<!--可以访问此域资源的域。*为所有-->
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Origin,Content-Type, Accept,Authorization,X-Requested-With" />
<!--可以访问此域的脚本方法类型 -->
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>
</system.webServer>
相关文章
|
8天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
13 2
|
22天前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
|
5月前
|
XML JSON 前端开发
深入了解JavaScript中的AJAX和HTTP请求
深入了解JavaScript中的AJAX和HTTP请求
|
4月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
58 1
|
2月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
4月前
|
XML JSON 前端开发
|
4月前
|
前端开发 JavaScript
|
4月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
37 0
|
4月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
30 0
|
4月前
|
XML 前端开发 JavaScript
AJAX如何向服务器发送请求?
AJAX如何向服务器发送请求?
44 0