在 jquery 自动完成中解析 json

Question

我已经为自动完成插件使用了Simon Whatley's 代码。现在，我需要帮助来解析 JSON 数据。这是我的代码：

    $("#country").autocomplete("data/country.cfm",{
        minChars:1,
        delay:0,
        autoFill:false,
        matchSubset:false,
        matchContains:1,
        cacheLength:10,
        selectOnly:1,
        dataType: 'json',
        extraParams: {
                format: 'json'
        },
        parse: function(data) {
            var parsed = [];
            for (var i = 0; i < data.length; i++) {
                 parsed[parsed.length] = {
                data: data[i],
                value: data[i].NAME,
                result: data[i].NAME
                 };
            } 
            return parsed;
        },
        formatItem: function(item) {
            return item.NAME;
        }
   });

例如，我将其作为我的 JSON 字符串：

[{"name":"country1"},{"name":"country2"},{"name":"country3"}]

当然，我希望得到的结果是值 country1、country2、country3。但是，当我输入（例如，我输入“cou”）时，我现在在文本框中得到的是“未定义”。如果我点击它，文本字段中显示的是整个字符串 [{"name":"country1"},{"name":"country2"},{"name":"country3"}]。

我也尝试了这些但仍然无法正常工作： jquery autocomplete, how to parse a json request with url info? jquery autocomplete with json response

请帮忙。谢谢！

Answer 1

你可以简单地使用

var countries = JSON.parse(data);

由于您使用的是 jQuery，如果浏览器没有原生解析器，使用 jQuery.parseJSON() 会更安全一些：

var countries = jQuery.parseJSON(data);