jquery $.getJSON()跨域请求
2015-12-16 08:37
501 查看
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中ready与load事件的区别
- jQuery添加和删除指定标签的方法
- jquery学习(五)-jquery中的事件
- jquery chosen 插件多选初始化
- jquery验证表单
- jquery+html5 在web页面播放提示音
- 20151215jqueryUI--dialog代码备份
- 20151215jquery学习笔记--jqueryUI --dialog(对话框)
- JQuery归纳总结(增加中...)
- JQuery归纳总结(增加中...)
- jquery实现全文检索与鼠标滑过工具栏特效
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- jQuery中.live()方法的用法深入解析
- jquery.validate校验+jquery.form提交,配合使用
- 面向对象编写jQuery插件
- jquery学习随笔(简单选择器)
- 网页截图插件(放大插件)
- 锋利的JQuery —— JQuery性能优化
- jQuery扩展与noConflict
- jQuery官网API的简易解读