跨域的三种方法总结:代理,JSONP,以及XHR2
来源:互联网 发布:数据库 sql语句 基础 编辑:程序博客网 时间:2024/06/05 23:54
Javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。
北京服务器(域名:www.beijing.com)
上海服务器(域名:www.shanghai.com)
比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务,然后再把访问结果返回给前端,这样前端调用北京同域名的服务就和调用上海的服务效果相同了。
在www.aaa.com页面中:
<script>
function jsonp(json){
alert(json["name"]);
}
</script>
<script src="http;//www.bbb.com/jsonp.js"></script>
在www.bbb.com页面中:
jsonp({'name':'xx','age':24})
2.IE10以下的版本都不支持
3.在服务器端
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
什么是跨域呢?
简单地理解就是因为javascript同源策略的限制,a.com域名下的js无法操作b.com或是c.a.com域名下的对象。
跨域处理,三种方法:
1、处理跨域方法一 代理
北京服务器(域名:www.beijing.com)
上海服务器(域名:www.shanghai.com)
比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务,然后再把访问结果返回给前端,这样前端调用北京同域名的服务就和调用上海的服务效果相同了。
2、处理跨域方式二——JSONP(只支持GET请求):
JSONP可用于解决主流浏览器的跨域数据访问的问题。在www.aaa.com页面中:
<script>
function jsonp(json){
alert(json["name"]);
}
</script>
<script src="http;//www.bbb.com/jsonp.js"></script>
在www.bbb.com页面中:
jsonp({'name':'xx','age':24})
3、处理跨域的方法三——XHR2:
1、HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能2.IE10以下的版本都不支持
3.在服务器端
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
0 0
- 跨域的三种方法总结:代理,JSONP,以及XHR2
- 跨域的三种方法总结:代理,JSONP,以及XHR2
- ajax跨域请求问题中xhr2的解决方案
- ajax跨域请求问题中xhr2的解决方案
- jQuery使用JSONP实现跨域获取数据的三种方法详解
- springMVC解决跨域jsonp乱码问题的三种方法
- 代理的三种方法
- javascript JSONP 跨域的三种模式(springmvc 篇)
- 跨域请求的三种实现 jsonp,cors,IFame
- Jsonp 跨域总结
- jsonp实现跨域的方法
- JAX-RS开发(三):ajax访问REST服务时的跨域问题以及jsonp解决方案
- JSONP跨域访问在线代理API
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- 【Effective C++读书笔记】篇二(条款02~条款04)
- SqlServer性能监控和优化总结
- 让自己也能使用Canvas
- python调用siebel的webservice(2种方法)
- NSIS进阶教程(一)~(五)
- 跨域的三种方法总结:代理,JSONP,以及XHR2
- Java 的多线程访问常见异常--fast-lost (快速失败 )
- 百度定位
- [剑指Offer]把数组排成最小的数
- Java 简单的BFS爬虫
- 第 1 章 初识 jQuery
- 程序员的开始
- 第 2 章 jQuery 基础选择器
- 类的析构函数的调用顺序和类的创建顺序刚好相反,类似于栈的结构,先创建的后析构