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实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
js跑步算法的实现代码
Dec 04 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 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
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
解析php中反射的应用
2013/06/18 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
phpStorm2020 注册码
2020/09/17 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现的监测服务器硬盘使用率脚本分享
2014/11/07 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
python request 模块详细介绍
2020/11/10 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
Visual-Click葡萄牙:欧洲领先的在线眼镜商
2020/02/17 全球购物
教师试用期自我鉴定
2014/02/12 职场文书
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
贷款委托书怎么写
2014/08/02 职场文书
关于观后感的作文
2015/06/18 职场文书
Ajax常用封装库——Axios的使用
2021/05/08 Javascript