网站建设资讯

NEWS

网站建设资讯

Ajax请求跨域的解决方案-创新互联

这篇文章主要讲解了“Ajax请求跨域的解决方案”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Ajax请求跨域的解决方案”吧!

成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的延安网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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


1、jsonp访问

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

实现方式

1)

 
  $.ajax({ 
    url:url, 
    dataType:'jsonp', 
    data:'', 
    jsonp:'callback', 
    success:function(result) { 
    }, 
  }); 

2)

$.getJSON(url+"?callback=?", 
  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是h6的一个新功能之一,由于我们是一家做h6游戏的公司,不可避免的要嵌套iframe,方便数据提交等。

这里假设,iframe的Id为 ‘iframe';

在iframe里面的js里要写上

var message = 'date';
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请求跨域的解决方案-创新互联
网页网址:http://cdweb.net/article/ddhioe.html