使用ajax怎么实现跨域访问?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。解决方案1.JsonpJSONp解决跨域相对简单,服务器无需任何配置。具体实现如下:$.ajax({&
使用ajax怎么实现跨域访问?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
解决方案
1.Jsonp
JSONp解决跨域相对简单,服务器无需任何配置。具体实现如下:
$.ajax({ type: 'get', url: 'Http://xxx.com', data: {}, dataType: 'jsonp', success: function (data) { }, error: function (data) { mask.close(); toast('请求失败'); }});
2.CORS
CORS解决方案需要前端和服务端共同配置才能实现
前端
$.ajax({ url: 'http://xxx.com', type: 'post', xhrFields:{ withCredentials:true }, data: {}, success: function(res){ }, error: function(){ alert('服务器发生错误!'); }});
服务端(在程序入口文件配置)
header('Access-Control-Allow-Origin: http://xxx.com');header('Access-Control-Allow-Credentials: true');header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
看完上述内容,你们掌握使用Ajax怎么实现跨域访问的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网精选频道,感谢各位的阅读!
--结束END--
本文标题: 使用Ajax怎么实现跨域访问
本文链接: https://www.lsjlt.com/news/252366.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
2024-05-05
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0