欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-19 18:18:21
最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下 https://a.****.com/index123.aspx, https://b.****.com/i...

最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下
https://a.****.com/index123.aspx,
https://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("https://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 错误。