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 相关文章推荐
javascript中的有名函数和无名函数
Oct 17 Javascript
javascript 多级checkbox选择效果
Aug 20 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
Javascript中valueOf与toString区别浅析
Mar 19 Javascript
理解jquery事件冒泡
Jan 03 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 Javascript
深入了解js原型模式
May 30 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
vue递归获取父元素的元素实例
Aug 07 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
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
如何修改和添加Apache的默认站点目录
2013/07/05 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
超清晰的document对象详解
2007/02/27 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
angular异步验证防抖踩坑实录
2019/12/01 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
django基于restframework的CBV封装详解
2019/08/08 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
如何转换一个字符串到enum值
2014/04/12 面试题
软件设计的目标是什么
2016/12/04 面试题
公司年会晚宴演讲稿
2014/01/06 职场文书
教师绩效考核方案
2014/01/21 职场文书
授权委托书(完整版)
2014/09/10 职场文书
python tkinter实现定时关机
2021/04/21 Python
MySQL中in和exists区别详解
2021/06/03 MySQL
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python
详解 TypeScript 枚举类型
2021/11/02 Javascript