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如何处理从java后台返回的list
Apr 24 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
Jun 05 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
Node.js API详解之 module模块用法实例分析
May 13 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
解决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
php根据日期判断星座的函数分享
2014/02/13 PHP
php生成gif动画的方法
2015/11/05 PHP
jQuery实现倒计时按钮功能代码分享
2014/09/03 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
JavaScript用200行代码制作打飞机小游戏实例
2017/06/21 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
[01:58]2018DOTA2亚洲邀请赛趣味视频——交流
2018/04/03 DOTA
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
简单介绍Python中的len()函数的使用
2015/04/07 Python
python实现比较文件内容异同
2018/06/22 Python
python从子线程中获得返回值的方法
2019/01/30 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
django列表筛选功能的实现代码
2020/03/27 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
婚前协议书范本
2014/10/27 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
钱学森电影观后感
2015/06/04 职场文书
运动会报道稿大全
2015/07/23 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
MySQL中order by的使用详情
2021/11/17 MySQL
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby