javascript - 没有填充ajax的JQuery自动完成缓存

Question

我正在尝试通过 ajax 调用将缓存添加到以下代码。代码在没有缓存的情况下工作正常，在我第一次自动完成工作时添加缓存后，第二次它只显示空白。我在这里做错了什么？

我的代码

$(document).ready(function () {
    $("#MainContent_txtSurname").autocomplete({

        source: function (request, response) {
            var term = request.term;
            if (term in cache) {
                response(cache[term]);
                return;
            }
            $.ajax({
                crossDomain: true,
                type: 'POST',
                url: "http://localhost:1448/GetSurnames",

                dataType: 'json',
                data: { "Name": request.term, "CID": CID },
                processdata: true,
                success: function (result) {
                    var Surnames = JSON.parse(result.data);

                    cache[term] = Surnames;
                    response($.map(Surnames, function (item) {

                        return {
                            label: item.homename,
                            value: item.homename
                        }
                    }));
                },
                error: function (a, b, c) {
                    debugger;
                }
            });

        },
        minLength: 2
    });
});

返回的数据是：

{"data":"[{\"id\":3,\"homename\":\"D\\u0027Costa\"}]"}

Answer 1

尝试为自动完成插件缓存正确的格式数据。关于你的 Ajax 成功：

success: function (result) {
    var Surnames = JSON.parse(result.data);

    cache[term] = $.map(Surnames, function (item) {

        return {
            label: item.homename,
            value: item.homename
        }
    });
    response(cache[term]);
}