jquery $.getJSON()跨域请求
作者:
以前总是没搞明白是怎么回事,现在是迫不得已,就仔细看了看说明文档,终于测试成功了,记下
1,同一域名下和其他的请求可以是一样的
js:
var url="http://localhost:2589/a.ashx";
$(function(){
$.getJSON(url,function(data){
alert (data.Name);
})
});
服务器返回字符串:
{"Name":"loogn","Age":23}
2,不同域名下
js:
var url="http://localhost:2589/a.ashx?callback=?";
$(function(){
$.getJSON(url,function(data){
alert (data.Name);
})
});
服务器返回字符串:
jQuery1706543070425920333_1324445763158({"Name":"loogn","Age":23})
返回的字符串就是一个调用一个叫“jQuery1706543070425920333_1324445763158” 的函数,参数是{"Name":"loogn","Age":23}。
其实这个很长的函数名是请求路径中callback=?的作用,我想应该是这样的:$.getJSON方法生成一个对回调方法的引用的名字,换掉?。上面请求会变成
http://localhost:2589/a.ashx?callback=jQuery1706543070425920333_1324445763158&_=1324445763194,所服务器回返json时要处理一下,如:
string cb = context.Request["callback"];
context.Response.Write(cb + "(" + json + ")");
参数名callback也可换成jsoncallback,我想是怕冲突吧,jsoncallback应该优先检测,没有再检测callback(没测试!!)
?也可是具体的函数名,这样回调函数就不能是匿名的了,用?生成只是jQuery为我们的一般操作提供的一个便利。
js:
复制代码 代码如下:
var url="http://localhost:2589/a.ashx";
$(function(){
$.getJSON(url,function(data){
alert (data.Name);
})
});
服务器返回字符串:
{"Name":"loogn","Age":23}
2,不同域名下
js:
复制代码 代码如下:
var url="http://localhost:2589/a.ashx?callback=?";
$(function(){
$.getJSON(url,function(data){
alert (data.Name);
})
});
服务器返回字符串:
jQuery1706543070425920333_1324445763158({"Name":"loogn","Age":23})
返回的字符串就是一个调用一个叫“jQuery1706543070425920333_1324445763158” 的函数,参数是{"Name":"loogn","Age":23}。
其实这个很长的函数名是请求路径中callback=?的作用,我想应该是这样的:$.getJSON方法生成一个对回调方法的引用的名字,换掉?。上面请求会变成
http://localhost:2589/a.ashx?callback=jQuery1706543070425920333_1324445763158&_=1324445763194,所服务器回返json时要处理一下,如:
复制代码 代码如下:
string cb = context.Request["callback"];
context.Response.Write(cb + "(" + json + ")");
参数名callback也可换成jsoncallback,我想是怕冲突吧,jsoncallback应该优先检测,没有再检测callback(没测试!!)
?也可是具体的函数名,这样回调函数就不能是匿名的了,用?生成只是jQuery为我们的一般操作提供的一个便利。
您可能感兴趣的文章:
- 用jQuery与JSONP轻松解决跨域访问的问题
- 使用jsonp完美解决跨域问题
- js跨域请求数据的3种常用的方法
- js前端解决跨域问题的8种方案(最新最全)
- Nginx配置跨域请求Access-Control-Allow-Origin * 详解
- 利用nginx解决cookie跨域访问的方法
- Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
- Nginx服务器中处理AJAX跨域请求的配置方法讲解
- Java跨域问题的处理详解
- java解决请求跨域的两种方法
- vue+Java后端进行调试时解决跨域问题的方式
- 使用CORS实现JavaWeb跨域请求问题的方法
- java 请求跨域问题解决方法实例详解
- JS跨域(Access-Control-Allow-Origin)前后端解决方案详解