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 相关文章推荐
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
node.js中的fs.exists方法使用说明
Dec 17 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
JavaScript实现数值自动增加动画
Dec 28 Javascript
详解React开发必不可少的eslint配置
Feb 05 Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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伪静态页面函数附使用方法
2008/06/20 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
JS 面向对象之神奇的prototype
2011/02/26 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
Python 学习笔记
2008/12/27 Python
wxPython窗口中文乱码解决方法
2014/10/11 Python
Python抓取淘宝下拉框关键词的方法
2015/07/08 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
如何在sublime编辑器中安装python
2020/05/20 Python
Python 忽略文件名编码的方法
2020/08/01 Python
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
硕士生工作推荐信
2014/03/07 职场文书
食品销售计划书
2014/04/26 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
图文详解Nginx版本平滑升级方案
2021/09/15 Servers