总结解决跨域的三种方法

方法1.通过PHP设置响应头允许跨域(CORS方式)
CORS(跨域资源共享,Cross-Origin Resource Sharing)定义一种跨域访问的机制,可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单,只需由服务器发送一个响应头即可
header(“Access-Control-Allow-Origin:*”); // 允许任何来源
header(“Access-Control-Allow-Origin:http://local.com”); //只允许来自域名http://local.com的请求
代码如下:
local.com域名文件:
总结解决跨域的三种方法_第1张图片
请求其他域名native.com:
总结解决跨域的三种方法_第2张图片
请求的结果:成功
总结解决跨域的三种方法_第3张图片
方法2.使用php做代理去请求第三方api接口
php是可以跨域的,我们利用ajax请求本域名中的php文件,php再去请求第三方接口文件,从而达到跨域目的。
总结解决跨域的三种方法_第4张图片
php做代理请求:
总结解决跨域的三种方法_第5张图片
ajax请求本域名php代理文件:
总结解决跨域的三种方法_第6张图片
请求结果:成功
总结解决跨域的三种方法_第7张图片
将数据取出:
总结解决跨域的三种方法_第8张图片
结果:
总结解决跨域的三种方法_第9张图片
方法3.jsonp方法 只能get
浏览器只对XHR(XMLHttpRequest)请求有同源请求限制,而对script标签src属性、link标签ref属性和img标签src属性没有这这种限制,利用这个“漏洞”就可以很好的解决跨域请求。JSONP就是利用了script标签无同源限制的特点来实现的,当向第三方站点请求时,我们可以将此请求放在

JSONP实现跨域请求的原理简单的说,
就是动态创建

你可能感兴趣的:(ajax)