Ajax跨域的完美解决方案

网络编程 2024/12/26 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

公司要做一个活动页面，在其过程中发现所有的接口，ajax请求跨域。这里对跨域做个简单介绍以及提供几种解决办法。

　　由于浏览器实现的同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，所以AJAX是不允许跨域的。这里提供自己常用的三种方法：

1、jsonp访问

　　JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问；

实现方式

　　1）

<script type="text/javascript"> 
  $.ajax({ 
    url:url, 
    dataType:'jsonp', 
    data:'', 
    jsonp:'callback', 
    success:function(result) { 
    }, 
  }); 
</script>

　　2）

$.getJSON(url+"", 
  function(result) { 
  });

注：1】 jsonp只能用get请求，哪怕你用了post请求，也会自动给你转换成post;

　　2】 jsonp 不仅可以用来获取数据，也可以用来提交数据。

2、damain 方法

　　在主域相同，子域不同的情况下可以用这种方法，修改域名指向，让他们指向同一域名，这种办法也只能解决主域相同而二级域名不同的情况，两个毫无关系的网址是不可以用这种方法的；

document.domain = 'a.com'

注：在实际开发中，很多人会在本地调试接口，localhost的域名和公司的域名完全不一样，所有用了domain这种办法也无法产生效果，解决办法是修改c盘里的host文件，把本地地址localhost修改成公司域名或者公司二级域名，然后这种方法就可以使用了。

下面是修改的域名指向：

#127.0.0.1 localhost
127.0.0.1 公司.com

3、postMessage

　　postMessage是h5的一个新功能之一，由于我们是一家做h5游戏的公司，不可避免的要嵌套iframe，方便数据提交等。

　　这里假设，iframe的Id为 ‘iframe'；

　　在iframe里面的js里要写上

var message = 'date';<br>if (parent.document.getElementById(‘iframe‘)) {
          //捕获iframe
          var iframe = parent.document.getElementById(‘iframe').contentWindow;
          //发送消息
          parent.postMessage(message, "*");
        }

　　在iframe外面的js里要写上

window.addEventListener('message',function(e){
      },false);

　　然后就可以拿到message的数据了。

以上所述是小编给大家介绍的Ajax跨域的完美解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

ajax跨域解决方案

标签：

ajax跨域解决方案

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“Ajax跨域的完美解决方案”

暂无Ajax跨域的完美解决方案的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

Ajax跨域的完美解决方案

ajax跨域解决方案

Ajax 实现加载进度条

Ajax实现模拟关键字智能匹配搜索效果

评论“Ajax跨域的完美解决方案”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接