json 与自动完成？答案

【问题标题】：json with Autocomplete?json 与自动完成？
【发布时间】：2023-03-27 17:43:01
【问题描述】：

我也在使用 formatItem。我希望输出是

<json.key: json.value

前

Name: Adam

但是我无法使用第 4 个参数获取 json 数据，并且我将完整的 json 字符串作为第 4 个参数和一个结果。我如何使用 json 呢？是否推荐另一个自动完成功能？（这个看起来不错……）

【问题讨论】：

这篇文章应该可以帮助你指出正确的方向：http://blog.schuager.com/2008/09/jquery-autocomplete-json-apsnet-mvc.html

标签： jquery json

【解决方案1】：

查看jQuery UI Autocomplete plugin

【讨论】：

【解决方案2】：

我正在使用带有此代码的 jQuery UI：

function initAutocomplete() {
        $("#tbDevices").autocomplete("Static/ui.autocomplete/GetDevices.ashx", {
            width: 160,
            selectFirst: false,
            max: 100,
            autoFill: true,
            matchContains: true,
            highlightItem: true,
            parse: function(data) {
                return $.map(eval(data), function(row) {
                    return {
                        data: row,
                        lable: row.lable, //value being searched for
                        value: row.value //value in text input
                    }
                });
            },
            formatItem: function(row, i, max, term) {
                return "<span style='font-size: 110%;'>" + row.lable + "</span><br/>" + "ID: " + row.value;
            },
            formatResult: function(row, i, max) {
                return row;
            }
        }).result(function(event, item) {
            document.getElementById('#hdnChosenDevice').value = item.value;
            $('#tbDevices').val(item.lable);
        });
    }

ashx 文件返回一个带有 json 的字符串：

[{"lable":"device1","value":"01"},{"lable":"device2","value":"02"}]

【讨论】：

【解决方案3】：

我怀疑这仍然与这个问题相关，但为了完整起见，我将包括仍然存在（并积极开发）的独立 jQuery 自动完成器插件：

http://code.google.com/p/jquery-autocomplete/

【讨论】：

【解决方案4】：

您不能更改 json 格式，因为它是一个标准。由于很难在服务器端构建它，我的建议是使用 JSON api。
您不必担心格式
还要确保将响应设置为“application/json”

【讨论】：