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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 Javascript
node.js中的fs.chown方法使用说明
Dec 16 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
Jquery中map函数的用法
Jun 03 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
Aug 10 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
最简单的PHP程序--记数器
2006/10/09 PHP
PHP中的session永不过期的解决思路及实现方法分享
2011/04/20 PHP
php读取excel文件的简单实例
2013/08/26 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
2020/09/04 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
Python完全新手教程
2007/02/08 Python
python time模块用法实例详解
2014/09/11 Python
python自动格式化json文件的方法
2015/03/11 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
virtualenv 指定 python 解释器的版本方法
2018/10/25 Python
Python基本socket通信控制操作示例
2019/01/30 Python
速比涛英国官网:Speedo英国
2019/07/15 全球购物
标准毕业生自荐信
2014/06/24 职场文书
小学重阳节活动总结
2015/03/24 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
判断Python中的Nonetype类型
2021/05/25 Python