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 相关文章推荐
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
浅谈javascript的闭包
Jan 23 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
Mar 19 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
JavaScript React如何修改默认端口号方法详解
Jul 28 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 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
phpMyadmin 用户权限中英对照
2010/04/02 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php实现网页端验证码功能
2017/07/11 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
使用jquery解析XML示例代码
2014/09/05 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
Python三级目录展示的实现方法
2016/09/28 Python
python非递归全排列实现方法
2017/04/10 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
马来西亚在线购物市场:PGMall.my
2019/10/13 全球购物
医学院校毕业生自荐信范文
2014/01/01 职场文书
大学生蛋糕店创业计划书
2014/01/13 职场文书
80后职场人的职业生涯规划
2014/03/08 职场文书
改革共识倡议书
2014/08/29 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS