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 相关文章推荐
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
移动端js图片查看器
Nov 17 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 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 google或baidu分页代码
2009/11/26 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
Python实现的堆排序算法示例
2018/04/29 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
python 字符串和整数的转换方法
2018/06/25 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
python学习笔记之多进程
2020/08/06 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
公司庆典活动邀请函
2014/01/09 职场文书
师德师风自查总结
2014/10/14 职场文书
销售内勤岗位职责
2015/02/10 职场文书
电信营业员岗位职责
2015/04/14 职场文书
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers