$.getJSON()方法的 callback说明

最新推荐文章于 2021-04-03 23:45:06 发布

原创最新推荐文章于 2021-04-03 23:45:06 发布 · 406 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

js 同时被 2 个专栏收录

27 篇文章

订阅专栏

jquery

2 篇文章

订阅专栏

本文介绍如何使用jQuery的$.getJSON()方法实现跨域请求，并详细解释了服务器端如何配合返回正确的JSONP格式的数据。通过具体示例说明了jQuery自动生成的回调函数与服务器端响应之间的交互过程。

$.getJSON()方法跨域去取得服务器的json对象的时候，url的后缀最后带一个"callback=?"的参数作为成功的回调函数；如：

var url = "${BIPJS}/intf/accountsOfRefuseEmail.jsp?act=add&siteId=${LANG.siteId}&accountId=${loginId}&callback=?";
$.getJSON(url, {} , function(data) {  
            var code = data.code;  
            if(code == 0){  
                $('#floatOne').myFadeIn();  
            }  
        });

此时返回的data是一个json对象；相应地，服务器返回字符串应该要这种样式：

String callback = T.stringValue(getRequestParams(request,"callback"),"");

JSONObject jo = new JSONObject();

// put key/value in jo

out.print(callback + "(" + jo + ")");

原理：Jquery在解析请求callback=?的时候，会自动生成一个callback=jsonp***的字符串，这个字符串jsonp***在成功回调的时候作为一个方法，被Jquey自动执行，参数是一个json格式的字符串（这里是data）。相应地；服务器返回的字符串要这种形式：jsonp***(JSONObject)。

如：刚上面的url被Jquey解析成：

Request URL:

http://localhost.pcauto.com.cn:12385/intf/accountsOfRefuseEmail.jsp?act=add&siteId=2&accountId=388&callback=jsonp1381976698163&_=1381976708919

服务器返回的字符串形式：

jsonp1381976698163({"code":0,"msg":"增加用户成功"})

Jquery的回调方法jsonp1381976698163(jsonStr)就是要把字符串jsonStr转换成josn对象,这里就是转换成data这个json对象。