ajax跨域的处理方法

Posted zd520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax跨域的处理方法相关的知识,希望对你有一定的参考价值。

当我们在开发项目的时候,一般我们会使用ajax请求数据,但是在使用ajax的时候会出现跨域的问题。

为什么会出现跨域的问题呢?

跨域的问题的出现是来源于javascript的同源策略,就是说在域名、协议名、端口号相同的情况下才会允许访问,也就是说JavaScript只允许访问自己域下的资源文件。如图

技术分享图片

如何解决跨域

解决跨域的办法有三种:

  • jsonp

  在写ajax的是设置dataType:jsonp 它的意思是 允许在服务器端集成scrip tags 返回给客户端,通过JavaScript callback的形式就可以实心跨域访问了。

  • 只需要在服务器端填上响应头即可

  header("Access-Control-Allow-Origin:*");/*星号表示所有的域都可以接受,*/

  header("Access-Control-Allow-Methods:GET,POST");

  • 代理(此方法是在网上看到的,详细可参考其他的博客)

 




以上是关于ajax跨域的处理方法的主要内容,如果未能解决你的问题,请参考以下文章

关于跨域的处理的几种方法的整理

如何解决IE8下Ajax调用时跨域的问题

jquery中ajax处理跨域的三大方式

跨域处理实践

解决Ajax不能跨域的方法

ajax跨域请求的处理