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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
vue + el-form 实现的多层循环表单验证
Nov 25 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+xslt在windows平台上
2006/10/09 PHP
php+mysql分页代码详解
2008/03/27 PHP
php file_get_contents函数轻松采集html数据
2010/04/22 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
python 动态加载的实现方法
2017/12/22 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
Python 从相对路径下import的方法
2018/12/04 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
python计算二维矩形IOU实例
2020/01/18 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
tensorflow 实现数据类型转换
2020/02/17 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
浅谈Python中的继承
2020/06/19 Python
幼儿园中班新学期寄语
2014/01/18 职场文书
个人求职信范文分享
2014/01/31 职场文书
高一化学教学反思
2014/02/05 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
Python 绘制多因子柱状图
2022/05/11 Python