4

我正在尝试使用 devbridge jquery 自动完成库来提取 wunderground.com 的自动完成 API，但我一直被阻止。无论我是否将 cb 附加到 serviceUrl，它都无法解析返回的 json。响应以“{RESULTS: [{ array data I want to use }]}”为前缀。

当我使用文档中提供的自动完成代码时，它显示“Uncaught SyntaxError: Unexpected token :”

当我将 &cb= myresults应用于 serviceUrl 时，我得到“未捕获的 ReferenceError：myresults 未定义”

我的代码是：

var options, a;
$(function(){
    options = {
        serviceUrl:'http://autocomplete.wunderground.com/aq?c=US&format=jsonp&cb=myresults',
        minChars: 7,
        dataType : "jsonp",
        transformResult: function(response) {
            response = JSON.parse(response);
                return {
                    suggestions: $.map(response.myData, function(dataItem) {
                        return { value: dataItem.name, data: dataItem.zmw };
                })
            };
        }
    };
    a = $('#autoLocation').autocomplete(options);
});

wunderground API 是：http ://www.wunderground.com/weather/api/d/docs?d=autocomplete-api devbridge 自动完成 git 是：https ://github.com/devbridge/jQuery-Autocomplete 示例响应来自 wunderground 的是：http ://autocomplete.wunderground.com/aq?c=US&format=jsonp&cb=myresults&query=san%20f

我已经不知所措了几天，我确定我正在寻找一些非常简单的东西。非常感谢任何帮助或指导。

4

1 回答 1

9

要使其正常工作，您需要修改源，因为 jquery jsonp 默认回调查询字符串键不是“cb”，而是“回调”。所以在自动完成源代码中添加： jsonp: 'cb'

        that.currentRequest = $.ajax({
            url: serviceUrl,
            data: params,
            type: options.type,
            jsonp: 'cb',
            dataType: options.dataType
        }).done(function (data) {

那么你的代码应该是：

var options, a;

$(function(){
    options = {
        serviceUrl:'http://autocomplete.wunderground.com/aq?c=US&format=jsonp',
        minChars: 2,
        dataType : "jsonp",
        transformResult: function(response) {
                console.log('response', response);
                return {
                    suggestions: $.map(response.RESULTS, function(dataItem) {
                        return { value: dataItem.name, data: dataItem.zmw };
                })
            };
        }
    };
    a = $('#autoLocation').autocomplete(options);
});

这对我来说很好。

于 2014-04-16T21:39:00.830 回答