美文网首页
ajax跨域受限的常用解决方法

ajax跨域受限的常用解决方法

作者: Tangbh | 来源:发表于2017-03-13 13:25 被阅读35次

域名地址组成:协议 子域名 主域名 端口号 请求资源地址

当协议到端口号中任意一个不相同时,就算作跨域。
js出于安全考虑,不允许跨域调用其它页面的对象,因为js同源策略的限制。

跨域请求方法:
1服务器代理
通过在同域名的web服务器上创建一个代理。
例:服务器A,服务器B,服务器A的后台来调用服务器B的服务,然后把响应结果传给前端,这样前端调用同域名的服务器A的服务就和调用服务器的服务效果相同了。

2使用jsonp协议(仅限于GET方式,同时需要前端后端配合)
在某个页面中:
<script>
function jsonp(json){
alert(json["name"]);
}
</script>
<script src ="域外的js文件"></script> //原理:<script>标签可以引入域外的资源文件

在域外的js文件中
jsonp({.........}) //json格式的数据

3、html5提供的xmlhttprequest level2(XHR2)可以实现跨域访问(ie10以下不支持)
在服务器端做一些改造:
header("Access-Control-Allow-Origin:"); //允许访问的域名,表示所有的
header("Access-Control-Allow-Methods:POST,GET"); //允许访问的请求方式

相关文章

  • ajax跨域受限的常用解决方法

    域名地址组成:协议 子域名 主域名 端口号 请求资源地址 当协议到端口号中任意一个不相同时,就算作跨域。js出于安...

  • AJAX

    题目 手写一个ajax 跨域的常用实现方式 知识点 XMLHttpRequest 状态码 跨域:同源策略,跨域解决...

  • 【综-网】Http浅析【3】——fetch带cookie的跨域问

    在Http浅析【2】——ajax跨域问题中对跨域产生的原因和解决方法做了说明。这一章节,把带cookie的跨域问题...

  • 解决ajax跨域问题

    Jsonp解决ajax跨域问题 CORS解决ajax跨域问题

  • AJAX 跨域请求常用两种处理方法

    AJAX 跨域请求常用两种处理方法 -- 第一、 使用 跨域资源共享(CORS) CORS(Cross-Origi...

  • 知识点---不定时更新

    cookie\session\localstorage跨域webpack手写ajax手写bind排序算法css常用...

  • ajax 设置Access-Control-Allow-Orig

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • vue-resource怎么解决跨域

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • vue-resource怎么解决跨域

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • AJAX 跨域问题

    导语 AJAX 的跨域问题,常用的解决方法有两种,简单记录下,详细内容查看参考资料。以下示例自建两个域名测试,ww...

网友评论

      本文标题:ajax跨域受限的常用解决方法

      本文链接:https://www.haomeiwen.com/subject/kzbfnttx.html