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 相关文章推荐
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
在Vuex中Mutations修改状态操作
Jul 24 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
Sep 21 Javascript
详解vite2.0配置学习(typescript版本)
Feb 25 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中ADODB类详解
2008/03/25 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
PHP加密解密实例分析
2015/12/25 PHP
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
javascript 年月日联动实现核心代码
2009/12/21 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
JSON.stringify 语法实例讲解
2012/03/14 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
javascript常用的方法整理
2015/08/20 Javascript
Jquery实现仿京东商城省市联动菜单
2015/11/19 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
现场施工员岗位职责
2014/03/10 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
2014年政协委员工作总结
2014/12/01 职场文书
亮剑观后感300字
2015/06/05 职场文书
会议营销主持词
2015/07/03 职场文书
大学生支教感言
2015/08/01 职场文书
患者身份识别制度
2015/08/06 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js
原生JS实现分页
2022/04/19 Javascript
pandas中pd.groupby()的用法详解
2022/06/16 Python