对 PHP 页面的 JSONP 请求不起作用（跨域）

Question

这是我的 PHP 页面（在不同的 URL 上）...

<?php
header('Content-Type: application/json');
?>
stat({"online":1});

这是我的 jQuery：

$(document).ready(function(){

    var url = 'http://blah.com/jsontest.php?callback=stat';

    $.getJSON(url, function(data) {
        if (data.online !== undefined) {
            console.log('yay');
        }
    }).error(function() {
        console.log('no');
    });

});

由于某种原因，它总是记录“否”，即它运行错误 function。

使用 jQuery 1.5.2 有什么想法吗？

Answer 1

首先，JSON-P 不是 JSON。 内容类型应该是application/javascript 。 某些浏览器可能会因为不安全而拒绝用作 JSON 的 JSON-P。

其次，getJSON 期望您请求的 URL 具有? 对于回调方法名称（你需要让你的 PHP 注意$_GET['callback'] ）。

第三，如果修复不起作用，请查看 Firebug / Chrome 调试器 / Dragonfly / 等中的 Net 选项卡，查看实际传输的数据。

Answer 2

有一些恶作剧包括“回调”function。 显然，您返回的不是 object，而是原始客户端请求中提交的 function。 我只是模糊地理解这一切意味着什么，但是，我确实有一些代码可以做到这一点，它确实有效：

服务器端：

<?php
$headers = get_headers($toGetUrl,1);
$return["pop_singer"] = "Britney Spears";
// Right here is where the json object gets wrapped in a function that was submitted under the name "callback"
echo $_GET['callback']."(".json_encode($return).")";
?>

客户端（这与 $.getJSON() 相同）：

$.ajax({
type: "GET",
url: serverUrl,
dataType: 'jsonp',
error: function(request, status) {
    // Do some error stuff
},
success: function(data, textStatus, jqXHR) {
    var property = data.pop_singer;   // equals "Britney Spears"
    // Do some successful stuff
}

});