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 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
Javascript 命名空间模式
Nov 01 Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
Jan 13 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
canvas实现探照灯效果
Feb 07 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
js实现动态添加上传文件页面
Oct 22 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 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
一个捕获函数输出的函数
2007/02/14 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python中List.count()方法的使用教程
2015/05/20 Python
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
python分治法求二维数组局部峰值方法
2018/04/03 Python
python之yield和Generator深入解析
2019/09/18 Python
Python实现图片识别加翻译功能
2019/12/26 Python
Python 支持向量机分类器的实现
2020/01/15 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
药剂学专业应届生自荐信
2013/09/29 职场文书
成人毕业生自我鉴定
2013/10/18 职场文书
2014新年寄语
2014/01/20 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
护士自荐信怎么写
2015/03/06 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript