jquery $.getJSON()跨域请求_jquery
程序员文章站
2022-05-20 19:46:27
...
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 Ajax跨域调用和非跨域调用问题实例分析
-
如何从jQuery的ajax请求中删除X-Requested-With
-
IE中的File域无法清空使用jQuery重设File域
-
同域jQuery(跨)iframe操作DOM(示例代码)
-
jquery通过id获取元素作为参数(jquery中ajax请求方式)
-
js给input赋值和取值(jquery实现ajax请求)
-
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
-
jQuery Easyui datagrid连续发送两次请求问题
-
php jq jquery getJSON跨域提交数据完整版
-
jQuery的3种请求方式$.post,$.get,$.getJSON