【问题标题】：correct JSONP Response正确的 JSONP 响应
【发布时间】：2013-10-15 08:39:53
【问题描述】：

我正在本地尝试让 JSONP 给我一个正确的响应并将其传递给我的回调函数 jsonp_callback。使用代码来自：How do I set up JSONP?

header('content-type: application/json; charset=utf-8');
$data = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5); 
echo $_GET['jsonpCallback'] . '('.json_encode($data).')';

和

$.ajax({
    url: 'jsonp-response.php', 
    dataType:'jsonp',
    jsonp: 'jsonp_callback',
    success: function (r){
        console.log(r);
    }
});


function jsonp_callback (r){
    console.log('jsonp_callback:',r);
}

到目前为止，我收到的响应如下：

jQuery1102035954900085926056_1381230228656({"a":1,"b":2,"c":3,"d":4,"e":5})

查看Testing a static jsonp response 的第一个答案，我认为我做对了，但我不确定为什么 jQuery 给了我一个唯一的字符串。

如何让我的回复看起来像这样？

jsonp_callback({"a":1,"b":2,"c":3,"d":4,"e":5})

【问题讨论】：

您的响应是否可能是字符串而不是 JSON 对象？可以查一下吗？
成功函数返回一个对象
对不起，我误读了您的初始帖子。我现在看到了。我不熟悉设置jsonp 属性，但是您是否在success 属性中尝试了以下操作？ success: function (r){ jsonp_callback(r); }
将 jsonp_callback(r) 包含在成功中会起作用。

标签： javascript jquery ajax jsonp

【解决方案1】：

这是我的代码中的 sn-ps.. 如果它解决了你的问题..

客户代码：

设置 jsonpCallBack : 'photos' 和 dataType:'jsonp'

 $('document').ready(function() {
            var pm_url = 'http://localhost:8080/diztal/rest/login/test_cor?sessionKey=4324234';
            $.ajax({
                crossDomain: true,
                url: pm_url,
                type: 'GET',
                dataType: 'jsonp',
                jsonpCallback: 'photos'
            });
        });
        function photos (data) {
            alert(data);
            $("#twitter_followers").html(data.responseCode);
        };

服务器端代码（使用 Rest Easy）

@Path("/test_cor")
@GET
@Produces(MediaType.TEXT_PLAIN)
public String testCOR(@QueryParam("sessionKey") String sessionKey, @Context HttpServletRequest httpRequest) {
    ResponseJSON<LoginResponse> resp = new ResponseJSON<LoginResponse>();
    resp.setResponseCode(sessionKey);
    resp.setResponseText("Wrong Passcode");
    resp.setResponseTypeClass("Login");
    Gson gson = new Gson();
    return "photos("+gson.toJson(resp)+")"; // CHECK_THIS_LINE
}

【讨论】：

【解决方案2】：

像这样：

$.ajax({
    url: 'jsonp-response.php', 
    dataType:'jsonp',
    jsonp: 'jsonp_callback',
    success: jsonp_callback 
});

function jsonp_callback (r) {
    console.log('jsonp_callback:',r);
}

在您的代码中，您从未真正使用过您定义的jsonp_callback 函数。你只是写了一些匿名的成功回调。 jQuery 注意到您使用了一个匿名函数，这就是它生成这个随机名称以便调用匿名回调的原因。

【讨论】：

是的，传入函数 jsonp_callback。标头中的响应仍然看起来像 jQuery11020983548907097429_1381238805774({"a":1,"b":2,"c":3,"d":4,"e":5})