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

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

时间: 2024-08-31 19:07:04

jquery ajax跨域解决方法(json方式)_jquery的相关文章

jquery ajax跨域解决方法介绍

 本篇文章只要是对jquery ajax跨域解决方法(json方式)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下  http://a.****.com/index123.aspx,  http://b.****.com/index2.aspx    都要请求用户json信息,然后再对数据进行处理,起初我和同事们试了很多种方法,使用$.ajax() 无论是get或post方法都会引起uri deny的错误.一番GG之后

jquery ajax 跨域访问问题

问题描述 jquery ajax 跨域访问问题 客户端静态页面中使用jquery的ajax,访问同一个局域网内的服务器IIS部署的服务webservice. 访问失败,好像是跨域的问题.但是使用jsonp也有问题,jsonp只能GET,传递的参数长度收限制. 这种情况怎么解决,哪位大侠SOS

javascript中AJAX 跨域问题解决方法

最近在开发过程中,使用ajax去异步调取图片.在开发中这个功能没什么问题,可以后来提测,重新部署之后就有问题了,这就是ajax的跨域问题. ajax本身是不支持跨域的,这是由于javascript的同源策略所导致.但是我们可以通过其他方法来解决ajax的跨域问题. 1  由于我们是利用了jquery来写的ajax,我们一开始是准备 利用jsonp来解决的,客户端类似下面写法  代码如下 复制代码 $.ajax({     type : "get",     async:false,  

jquery的ajax跨域请求原理和示例_jquery

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.

jquery ajax跨域用jsonp方式调用web服务的例子

在做一个demo的项目,需要将php,.net的几个人,加起来一起做个web系统.考虑到语言不通,demo要的急.就直接web使用html+js+asmx服务的方式进行开发. 数据请求及返回流程是这样的: 理解了上面的流程图,其实实现起来是很简单的. 1.html中引用jquery 2.jquery使用ajax调用远程web服务,这里需要定义为JSONP格式,并且加上callback参数 $.ajax({          //url:"http://y.com/ceshi.php",

jquery ajax跨域请求详解

ajax要在各种浏览器下都实现完美的跨域需要借助于jsonp技术,jsonp实质是请求一个js脚本文件,在js文件载入完毕时执行某个函数,这样就可以完美的规则跨域问题了. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求.意思就是远程服务端

jquery ajax跨域访问的问题

问题描述 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conten

jquery ajax跨域访问怎么修改header中的referer的值

问题描述 jqueryajax跨域访问怎么修改header中的referer的值:$.ajax({type:"get",url:"http://api.sceea.cn/Handler/GetSpcjkHandler.ashx",data:data,dataType:'jsonp',jsonp:'jsoncallback',beforeSend:function(xhr){//beforeSend定义全局变量xhr.setRequestHeader("Re

php 实现jquery+ajax 跨域数据调用实例

jquery文件我这里不提供下载了,大家可以直接到google去下载哦, 可以在页面定义一个调用方法,如下:  代码如下 复制代码 function getData(){ $.getJSON("http://123.123.123.123/?callback=?", { "m":"data",// 指定php的文件名字 "act":"getdata",// 指定php文件中的方法 "name&qu