jQuery AutoComplete 插件不适用于 JSON 响应（sValue.substring 不是函数）

Question

我正在尝试使用 jQuery 的自动完成插件（这个 http://docs.jquery.com/插件/自动完成）。我的服务器正在返回 JSON 字符串，我尝试通过 AutoComplete 插件的“parse”和“formatItem”参数在客户端上处理该字符串，如下所示：

$(document).ready(function()
{
    $('.searchBox input.textbox').autocomplete('/DoSearch.aspx',
    {
        mustMatch: false,
        autoFill: true,
        minChars: 1,
        dataType: 'json',
        parse: function(data)
        {
            var array = new Array();
            for (var i = 0; i < data.length; i++)
            {
                array[array.length] = { data: data[i], value: data[i].ID, result: data[i].ID };
            }
            return array;
        },
        formatItem: function(row, i, n)
        {
            return row.ID + ': ' + row.Title;
        }
    });
});

当我运行此命令时我在 Firebug 中收到“sValue.substring is not a function”错误。但是，如果我在 formatItem 和解析函数上粘贴断点，它们会按预期命中并包含有效数据。

这是从服务器返回的 JSON 文本的精确复制“n”粘贴：

[{"ID":140177,"Title":"Food Handling","Code":"J01.576.423.200"},{"ID":140178,"Title":"Food Handling","Code":"J01.576.423.200"},{"ID":140179,"Title":"Brain Infarction","Code":"C10.228.140.300.301.200"},{"ID":140180,"Title":"Cerebral Hemorrhage","Code":"C10.228.140.300.535.200"},{"ID":140182,"Title":"Insulin","Code":"D06.472.610.575"},{"ID":140183,"Title":"Insulin","Code":"D06.472.610.575"},{"ID":140184,"Title":"Insulin","Code":"D06.472.610.575"},{"ID":140186,"Title":"Insulin","Code":"D06.472.610.575"},{"ID":140188,"Title":"Insulin","Code":"D06.472.610.575"},{"ID":140189,"Title":"Sulfonylurea Compounds","Code":"D02.886.590.795"}]

请帮忙，我已经在 Google 和 StackOverflow 中搜索了帮助，但找不到其他人遇到此错误，干杯！

Answer 1

该死！

我找到了问题的原因。这是因为我的 JSON 字符串中的 ID 值输入为整数而不是字符串，例如： {"ID":140177, 而不是 {"ID":"140177", 和 AutoComplete 假设所有内容都是字符串。

我通过在服务器上的 ID 值周围加上引号解决了这个问题，或者只是在“解析”函数中将其转换为客户端的字符串，如下所示： value: data[i].ID + '', result: data [i].ID + ''