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 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
浅谈angularjs module返回对象的坑(推荐)
Oct 21 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
JS使用插件cryptojs进行加密解密数据实例
May 11 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
php 生成饼图 三维饼图
2009/09/28 PHP
深入php var_dump()函数的详解
2013/06/05 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
图片上传之FileAPI与NodeJs
2017/01/24 NodeJs
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
React 实现拖拽功能的示例代码
2019/01/06 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
给Python的Django框架下搭建的BLOG添加RSS功能的教程
2015/04/08 Python
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
python里反向传播算法详解
2020/11/22 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
毕业生自我推荐
2013/11/04 职场文书
大学应届生的自我评价
2014/03/06 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
设计大赛策划方案
2014/06/13 职场文书
综治工作心得体会
2014/09/11 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
教师个人年度总结
2015/02/11 职场文书