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获取FCK编辑器信息的具体方法
Jul 12 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 Javascript
Vue如何基于es6导入外部js文件
May 15 Javascript
JS继承最简单的理解方式
Mar 31 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
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
php微信公众平台开发类实例
2015/04/01 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
javascript 打印页面代码
2009/03/24 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
详细解读tornado协程(coroutine)原理
2018/01/15 Python
解决Spyder中图片显示太小的问题
2018/04/27 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Django实现celery定时任务过程解析
2020/04/21 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
经销商培训邀请函
2014/01/21 职场文书
治安消防安全责任书
2014/07/23 职场文书
小学感恩节活动总结
2015/03/24 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL