jquery ajax跨域解决方法(json方式)
最近公司开发的项目中很多地方需要跨域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中ajax请求后台返回json数据并渲染HTML的方法
- 基于jQuery的AJAX和JSON实现纯html数据模板
- JQuery的ajax获取数据后的处理总结(html,xml,json)
- JQuery处理json与ajax返回JSON实例代码
- jquery的ajax异步请求接收返回json数据实例
- jQuery Ajax异步处理Json数据详解
- jQuery中使用Ajax获取JSON格式数据示例代码
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 跨域请求之jQuery的ajax jsonp的使用解惑
- 详谈 Jquery Ajax异步处理Json数据.
- jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
相关文章
jQuery Attributes(属性)的使用(一、属性篇)
本系列文章主要讲述jQuery框架的属性(Attributes)使用方法,文章分为:属性篇、类篇、Html代码篇&文本篇、值篇共4篇文章。2009-12-12jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
这篇文章主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。2017-04-04jquery中的查找parents与closest方法之间的区别
这篇文章主要是对jquery中的查找parents与closest方法之间的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助2013-12-12
最新评论