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 相关文章推荐
PNG背景在不同浏览器下的应用
Jun 22 Javascript
jQuery timers计时器简单应用说明
Oct 28 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
mpvue微信小程序开发之实现一个弹幕评论
Nov 24 Javascript
javascript异常处理实现原理详解
Feb 17 Javascript
js事件机制----捕获与冒泡机制实例分析
May 22 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 Javascript
React实现动效弹窗组件
Jun 21 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
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
jquery foreach使用示例
2013/09/12 Javascript
jquery 图片缩放拖动的简单实例
2014/01/08 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
2014/02/07 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
浅谈编码,解码,乱码的问题
2016/12/30 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
python实现自动发送邮件
2018/06/20 Python
Python异常的检测和处理方法
2018/10/26 Python
Python2与Python3的区别实例总结
2019/04/17 Python
安装python3.7编译器后如何正确安装opnecv的方法详解
2020/06/16 Python
HTML5 Web缓存和运用程序缓存(cookie,session)
2018/01/11 HTML / CSS
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
德国孕妇装和婴童服装网上商店:bellybutton
2018/04/12 全球购物
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
《老山界》教学反思
2014/04/08 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
2015入党自荐书范文
2015/03/05 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
对讲机知识
2022/04/07 无线电