欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

JQuery 的跨域方法推荐_可跨任何网站

时间:2021-02-08 09:32:42|栏目:jquery|点击:

因发现有不少博友发园内短信问及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.jb51.net/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中attr、prop、data区别与用法分析

栏    目:jquery

下一篇:jQuery方法简洁实现隔行换色及toggleClass的使用

本文标题:JQuery 的跨域方法推荐_可跨任何网站

本文地址:http://www.codeinn.net/misctech/59246.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有