JQuery 的跨域方法推荐_可跨任何网站


Posted in Javascript onMay 18, 2016

因发现有不少博友发园内短信问及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);

     });

注意,getregion.aspx中,在输出JSON数据时,一定要用Request.QueryString["jsoncallback"],将获取的内容放到返回JSON数据的前面,假设实际获取的值为42342348,那么返回的值就是 42342348([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])

因为getJSON跨域的原理是把?随机变一个方法名,然后返回执行的,实现跨域响应的目的。

具体getJSON的使用说明,请参考JQUERY手册。

 下面一个是跨域执行的真实例子:

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><script src="http://common.3water.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>

以上这篇JQuery 的跨域方法推荐_可跨任何网站就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
这段js代码得节约你多少时间
Dec 20 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
深入理解jquery跨域请求方法
May 18 #Javascript
判断是否存在子节点的实现代码
May 18 #Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 #Javascript
Bootstrap教程JS插件弹出框学习笔记分享
May 17 #Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 #Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 #Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 #Javascript
You might like
php采集时被封ip的解决方法
2010/08/29 PHP
打造超酷的PHP数据饼图效果实现代码
2011/11/23 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
javascript制作2048游戏
2015/03/30 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
python如何发布自已pip项目的方法步骤
2018/10/09 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
Atom Python 配置Python3 解释器的方法
2019/08/28 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
晚会邀请函范文
2014/01/24 职场文书
财务出纳岗位职责
2014/02/03 职场文书
软件售后服务承诺书
2014/05/21 职场文书
优秀党员推荐材料
2014/12/18 职场文书
2015年教育实习工作总结
2015/04/24 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang
Python采集壁纸并实现炫轮播
2022/04/30 Python