测试静态 jsonp 响应

Question

我在发出 jsonp 请求时没有遇到任何问题，但是我不确定是否设置 Web 服务以在 jsonp 中传递响应。

首先，服务器是否需要以某种方式配置以允许 jsonp 请求，或者页面只需要正确格式化响应？

在我的测试中，我收到了来自 geonames.org 的以下 jsonp 响应（我已将其放置在服务器/域 1 上的空白页面，没有其他任何内容）：

<?php echo $_GET['callback'];?>({"postalcodes":[{"adminName2":"Westchester","adminCode2":"119","postalcode":"10504","adminCode1":"NY","countryCode":"US","lng":-73.700942,"placeName":"Armonk","lat":41.136002,"adminName1":"New York"}]});

在服务器/域 2 上，我发出以下请求：

$.ajax({
    // works when I make the call to geonames.org instead of domain1
    //url: 'http://www.geonames.org/postalCodeLookupJSON?postalcode=10504&country=US&callback=?',,
    url: 'http://www.domain1.com/test/jsonp.php?callback=?',
    success: function(data) {
        $('#test').html(data);
    },
});

当我将文件放在同一服务器（域 1 或域 2）上并将其转换为常规 json 请求。我做错了什么？

只是为了澄清：我的问题与接收请求的页面有关。我知道当我发送到 geonames.org、flickr 等 api 时该请求有效。但是，我正在尝试设置一个页面来发送响应。在我的示例中，我只有一个带有硬编码 jsonp 的空白页面。我不确定页面上是否必须有其他标题或在我的服务器上启用了某些功能。

Answer 1

响应是错误的。

如果您有以下网址：
http://www.mydomain.com/test/jsonp.php&callback=? jQuery 将用唯一的字符串替换 url 末尾的问号。在服务器端，您必须采用此字符串（$_GET['callback']）并将其用作响应中的函数名称：

PHP-example：

<?php
 $object=array('postalcodes'
                  =>array(
                            array(
                                    "adminName2"  =>  "Westchester",
                                    "adminCode2"  =>  "119",
                                    "postalcode"  =>  "10504",
                                    "adminCode1"  =>  "NY",
                                    "countryCode" =>  "US",
                                    "lng"         =>  -73.700942,
                                    "placeName"   =>  "Armonk",
                                    "lat"         =>  41.136002,
                                    "adminName1"  =>  "New York"
                                   )));

   echo $_GET['callback'].'('.json_encode($object).')';
?>

接收响应时会发生什么？ jQuery 知道唯一的字符串（假设 fx123456）。
jQuery 将使用 src 创建一个

因此，如果您不在响应中使用 jQuery 提供的回调参数作为函数名称，则 jQuery 不知道要调用的函数的名称（我最好说 jQuery 将调用一个不存在的函数）。

Answer 2

我一直使用 $.getJSON() 代替 $.ajax 进行跨浏览器请求所以我不知道使用 $.ajax 调用 json 的具体细节，但您是否尝试过将 dataType 设置为 jsonp ？

另外，你试过吗？callback=？而不是 &callback=?

$.ajax({
    url: 'http://www.mydomain.com/test/jsonp.php?callback=?',
    dataType: 'jsonp',
    success: function(data) {
        $('#test').html(data);
    },
});

最后，当我将测试 json 运行到 jsonlint.com 时，它没有返回有效。它说语法错误，第 1 行出现意外的 TINVALID 解析失败