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


Posted in Javascript onFebruary 04, 2014

最近公司开发的项目中很多地方需要跨域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 错误。

Javascript 相关文章推荐
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
使用Raygun对Node.js应用进行错误处理的方法
Jun 23 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
May 28 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
简述JS控制台的使用
Jul 15 Javascript
微信小程序实现搜索功能
Mar 10 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
解决json日期格式问题的3种方法
Feb 02 #Javascript
为jQuery添加Webkit的触摸的方法分享
Feb 02 #Javascript
简单的JavaScript互斥锁分享
Feb 02 #Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 #Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 #Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 #Javascript
jquery为页面增加快捷键示例
Jan 31 #Javascript
You might like
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
php预定义常量
2006/12/25 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
php数组总结篇(一)
2008/09/30 PHP
php dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
thinkphp 抓取网站的内容并且保存到本地的实例详解
2017/08/25 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
javascript第一课
2007/02/27 Javascript
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
在网页里看flash的trace数据的js类
2009/01/10 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
jquery等待效果示例
2014/05/01 Javascript
JavaScript简介
2015/02/15 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
Javascript实现单例模式
2016/01/24 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
Node.js中的http请求客户端示例(request client)
2017/05/04 Javascript
javascript中神奇的 Date对象小结
2017/10/12 Javascript
node文件批量重命名的方法示例
2017/10/23 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
vue使用video.js进行视频播放功能
2019/07/18 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python中装饰器的一个妙用
2015/02/08 Python
浅谈python之新式类
2018/08/12 Python
Django如何简单快速实现PUT、DELETE方法
2019/07/24 Python
对django后台admin下拉框进行过滤的实例
2019/07/26 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
治超工作实施方案
2014/05/04 职场文书
面试通知邮件
2015/04/20 职场文书