jquery ajax跨域解决方法(json方式)

时间:2014-02-04    点击:82   

最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下
http://a.****.com/index123.aspx,
http://b.****.com/index2.aspx

都要请求用户json信息,然后再对数据进行处理,起初我和同事们试了很多种方法,使用$.ajax() 无论是get或post方法都会引起uri deny的错误。一番GG之后发现了解决方法,也了解其中的原因。

jquery从1.2开始,.getJSON就支持跨域操作了。使用jquery.getJSON()方法可以解决跨域问题。实例如下

前台
<script type="text/javascript" src="/script/jquery.js"></script>

HTML中JS代码
function gettst2() {
    $.getJSON("http://ucenter.xxxx.com.cn/ajax/test.aspx?callback=?", { id: "123456", site: "01" },
function(data) {
    alert(data.htmls);
     document.getElementById("shows").innerHTML = data.htmls;
});
}
gettst2();

ASPX.cs文件中处理为
string jsoncall = Request.QueryString("callback");
Response.Write(jsoncall + "({htmls:测试001})");

如果加html代码的话,千万别加/n 符号,不然会出现乱码,js 错误。

用jQuery与JSONP轻松解决跨域访问的问题
jquery的ajax和getJson跨域获取json数据的实现方法
jquery ajax跨域解决方法(json方式)
为jQuery添加Webkit的触摸的方法分享
简单的JavaScript互斥锁分享
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved