最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js中ajax跨域之cors几个例子分析
时间:2014-11-26 编辑:简简单单 来源:一聚教程网
由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),ajax跨域请求的两种方案
方案一:jsonp (JSON with Padding)
但是jsonp有一个缺点就是不支持get传参
方案二:CORS(跨域资源共享,Cross-Origin Resource Sharing)
此方案支持post提交
假设我们在http://www.a域名.com域名ajax请求http://www.111com.net域名下的数据;若使用cors来实现,ajax跨域请求。
只要在http://www.111com.net域要在被请求的php脚本头部添加
header("Access-Control-Allow-Origin:http://www.a域名.com");便可。
这句的意思是允许http://www.a域名.com跨域访问到http://www.111com.net域
代码实例:
[http://www.a域名.com域名下的 index.html 文件]
代码如下 | 复制代码 |
|
[http://www.111com.net域名下的 server.php 文件]
代码如下 | 复制代码 |
//注此文件在http://www.111com.net域名下
|
[火狐浏览器访问 http://www.a域名.com ]
那么问题来了,如何用CORS来解决这个ajax跨域问题呢?
只要将http://www.111com.net域名下的server.php文件中的
//header("Access-Control-Allow-Origin:http://www.a域名.com");
的注释去掉便可。去掉之后再用浏览器进行访问http://www.a域名.com
[其它]
若把php文件的
header("Access-Control-Allow-Origin:*");写成这样,则说明任务一个域都可以去ajax请求此文件
-
上一个: wordpress博客更换域名修改方法
相关文章
- Js中启用CORS实现Ajax跨域请求 10-27
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31