jquery - 获取 JSON 回调不起作用

Question

我想使用此 api 返回与邮政编码匹配的地点

例如邮政编码 11233

http://postnummersok.se/api?q=11233

我用这样的用户输入值调用它，但结果无法解析，我该如何排除故障，它是否甚至得到回调？我的 firebug 显示没有 js 错误。

$('#zip').live("keyup",function () {
    var zip = this.value.replace(/ /g,'');
    if(zip.length > 4) {
        var url = 'http://postnummersok.se/api?q=' + zip;
        $.getJSON(url, function(data) {
            $('#result').html(data);
        });
    } else {
         $('#result').html('to short');
    }
});

Answer 1

我假设您的代码所在的文档不在 http://postnummersok.se 上。如果不是，您将遇到 Same Origin Policy ，它(通常)不允许 ajax 请求跨源。

如果这是一项公开提供的服务，他们可能支持 JSON-P ，不受 SOP 约束。 jQuery 也支持它，因此它可能就像更改代码一样简单:

$.getJSON(url, function(data) {
    $('#result').html(data);
});

到此

$.ajax({
    url:      url,
    dataType: "jsonp",
    success:  function(data) {
        $('#result').html(data);
    }
});

更多内容请参见 $.ajax文档。

<小时/>

更新:在评论另一个答案时注意到您正在动态创建查询字符串，但没有对参数进行编码。如果 zip 包含任何必须进行 URL 编码的字符，您的 URL 将变得困惑。每当创建查询字符串时，您都必须使用 encodeURIComponent:

var url = 'http://postnummersok.se/api?q=' + encodeURIComponent(zip);

...或者只是将带有键/值对的对象传递给 jQuery，这将为您正确序列化它们。修改上面的 ajax 调用后，效果如下:

$.ajax({
    url:      'http://postnummersok.se/api',
    data:     {q: zip},
    dataType: "jsonp",
    success:  function(data) {
        $('#result').html(data);
    }
});

<小时/>

更新 2:我很好奇，是的，您可以使用此服务，并且它使用 JSON-P。来自 http://postnummersok.se/ :

API

Vi har ett rest-api tillgängligt för alla. Skicka din sökfråga till http://postnummersok.se/api med parametern q som antingen är ett postnummer eller en ort. Svaret kommer som ett JSON-objekt. Callback-parametern heter callback.

...Google 翻译为

API

We have a residual-api available to all. Send your query to http://postnummersok.se/api with parameter q which is either a postcode or place. The answer comes as a JSON object. The callback parameter named callback.

但是，服务已损坏并返回无效的 JSON-P 回复。如果您发送

http://postnummersok.se/api?callback=myCallback&q=721+06

...the response is

myCallback(["V\u00c4STER\u00c5S"])myCallback(null)

...它应该在哪里

myCallback(["V\u00c4STER\u00c5S"])

(末尾可能有 ;。)

因此，如果我是您，我会向他们发送有关该错误的说明。