jquery 使用来自通用处理程序的 JSON 数据自动完成答案

【问题标题】：jquery autocomplete with JSON data from a generic handlerjquery 使用来自通用处理程序的 JSON 数据自动完成
【发布时间】：2012-09-08 03:25:58
【问题描述】：

我在一个页面上有三个 asp.net 文本框控件。其中之一需要具有自动完成功能。当用户选择一个项目时，其他两个文本框应填充适当的值。

例如：假设第一个文本框是城市。用户从自动完成列表中选择一个城市，第二个应该自动填充州，第三个应该自动填充国家。

我正在调用一个通用的 asp.net 处理程序。我正在调用数据库并从表的三列中检索数据。我正在使用 JavascriptSerializer 将输出字符串序列化为 JSON。所以（例如）我的 JSON 结果是这样的：

[{"City":"Toronto","Province":"Ontario","Country":"Canada"}]

我一直无法弄清楚如何解析我得到的 JSON 数据。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

如果您使用 JQuery getJSON 方法，它应该会自动为您解析。

$.getJSON(url, function(json) {
    alert(json[0].City);
});

多伦多

如果您收到正常的文本回复，请使用JSON.parse：

JSON.parse(data)[0].City

注意这假设服务器端是正确的，返回内容类型标头 = application/JSON 的纯文本。

【讨论】：