JQuery 的跨域方法 可跨任意网站
来源:互联网 发布:数据分析 笔记本推荐 编辑:程序博客网 时间:2024/05/17 23:04
链接:http://www.cnblogs.com/taven/archive/2010/05/20/1739731.html
因发现有不少博友发园内短信问及JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点;有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定。
下面开始贴出方法。
//跨域(可跨所有域名)
$.getJSON("http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?",function(json){
//要求远程请求页面的数据格式为: ?(json_data)
//例如:
//?([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])
alert(json[0]._name);
});
$.getJSON("http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?",function(json){
//要求远程请求页面的数据格式为: ?(json_data)
//例如:
//?([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])
alert(json[0]._name);
});
注意,getregion.aspx中,在输出JSON数据时,一定要用Request.QueryString["jsoncallback"],将获取的内容放到返回JSON数据的前面,假设实际获取的值为42342348,那么返回的值就是 42342348([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])
因为getJSON跨域的原理是把?随机变一个方法名,然后返回执行的,实现跨域响应的目的。
具体getJSON的使用说明,请参考JQUERY手册。
下面一个是跨域执行的真实例子:
代码
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//跨域(可跨所有域名)
$.getJSON("http://e.hnce.com.cn/tools/ajax.aspx?jsoncallback=?", { id: 0, action: 'jobcategoryjson' }, function(json) {
alert(json[0].pid);
alert(json[0].items[0]._name);
});
</script>
<script type="text/javascript">
//跨域(可跨所有域名)
$.getJSON("http://e.hnce.com.cn/tools/ajax.aspx?jsoncallback=?", { id: 0, action: 'jobcategoryjson' }, function(json) {
alert(json[0].pid);
alert(json[0].items[0]._name);
});
</script>
0 0
- JQuery 的跨域方法 可跨任意网站
- JQuery 的跨域方法 可跨新浪、腾讯、经网等任意网站(张高伟)
- JQuery 的跨域方法 可跨新浪、腾讯、经网等任意网站
- 可任意自定义的UITableViewCell
- 可任意自定义的UITableViewCell
- 可任意自定义的UITableViewCell
- 可任意自定义的UITableViewCell
- 可任意自定义的UITableViewCell
- 可以对任意有规律可循的静态内容进行排序的Jquery插件
- SQL Server可按任意字段排序的分页存储过程(不用临时表的方法)
- 鼠标拖动层(可任意绑定DIV标签)的两种实现方法
- 利用反射实现可供任意类使用的toString方法
- 入侵网站的14种可利用方法
- 增强网站可访问性的25种方法
- 替换任意的方法
- 可任意编辑的网页表格
- 可任意拖动的导航条
- 可任意改变背景颜色的万年历
- 浅谈线程同步方法性能比较
- QA 基于开发的 JavaScript 修改测试数据和代码查看返回值的小例子
- Spark 0.9.1 MLLib 机器学习库简介
- 远程控制原理
- Summary Ranges
- JQuery 的跨域方法 可跨任意网站
- 获取用户所在榜单的直接排名
- 黑马程序员——Java基础--面向对象(一)
- OC字符串对象NSString对象方法使用基础
- 开源代码应用之Eclipse篇
- leetcode-51-N-Queens
- 非诚勿扰
- 规则引擎内存表简介
- php正则表达式—仿smarty