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 相关文章推荐
什么是DOM(Document Object Model)文档对象模型
Mar 05 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
Apr 10 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
jquery操作angularjs对象
Jun 26 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
vue keep-alive请求数据的方法示例
May 16 Javascript
基于JavaScript的数据结构队列动画实现示例解析
Aug 06 Javascript
Vue如何实现组件间通信
May 15 Vue.js
深入理解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仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
php中过滤非法字符的具体实现
2013/10/29 PHP
php-fpm配置详解
2014/02/12 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
2019/07/26 jQuery
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
python下载图片实现方法(超简单)
2017/07/21 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
名企HR怎样看待求职信
2014/02/23 职场文书
计划生育证明书写要求
2014/09/17 职场文书
综治维稳工作汇报
2014/10/27 职场文书
2014年政协工作总结
2014/12/09 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis