jQuery UI 自动完成的 JSON 格式答案

【问题标题】：JSON format for jQuery UI AutocompletejQuery UI 自动完成的 JSON 格式
【发布时间】：2010-11-16 13:25:40
【问题描述】：

jQuery UI Autocomplete 的文档指出，source 属性可以设置为以 JSON 格式返回建议项目的 URL。但是，它没有进一步详细说明这个 JSON 结果的结构应该是什么样子。任何人都可以发布一个例子吗？谢谢！

【问题讨论】：

【解决方案1】：

将答案从我的评论移到这里：

[{"label":"mylabel","value":"myvalue"},...]

我发现它是 .autocomplete 为 jquery UI 1.8 寻找的这种格式

【讨论】：

【解决方案2】：

这是一个 JSON 格式

{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] }

或其他来源

{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]}

【讨论】：

[{"label":"mylabel","value":"myvalue"},...] 我发现它是 .autocomplete 为 jquery UI 1.8 寻找的这种格式跨度>
@James：将其添加为单独的答案。
回复@James 很晚，但是如果这些数据进入一个变量，那么数据源就变成了 variable_name.source。 “源”只是 JSON 对象上的一个属性

【解决方案3】：

使用firebug我们可以看到json的这种格式

[{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}]

我使用了 json_encode

$a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]);
}
//echo JSON to page
    $response =  json_encode($a);
echo $response;

【讨论】：

【解决方案4】：

我调用了一个 Java Spring 控制器，它只返回以下信息（以 JSOn 格式）。我用 JSTL 构建它。但我不知道你使用什么样的后端。但在几乎所有语言中，您都可以简单地输出一些 JSON。

示例：

{
  "results": [{
      "id": " Canned",
      "name": " Canned"
    }, {
      "id": 64,
      "name": "Added Sulphites"
    },
    {
      "id": 3,
      "name": "age"
    }, {
      "id": "age",
      "name": "age"
    }, {
      "id": 59,
      "name": "age group"
    },
    {
      "id": "Allergen",
      "name": "Allergen"
    }, {
      "id": 85,
      "name": "Anchovies"
    }
  ]
}

我不喜欢自动完成。也许你在 flexbox 中找到了更好的解决方案：http://flexbox.codeplex.com/

【讨论】：

这是 json 但对自动完成无效

【解决方案5】：

你看过这里的例子吗？ http://jqueryui.com/demos/autocomplete/#remote

【讨论】：

【解决方案6】：

这是一个真实的示例，但它使用 JSONP 远程数据源：http://www.highpoint.edu/admissions/contact.cfm

高中字段使用自动填充功能（请确保您选择“新生”作为录取类型，否则高中字段将被隐藏）。此外，更改国家/州选择会在一定程度上改变自动完成源，这可能会增加一些混乱。

此外，该 URL 只是具有真实形式的 iframe 的包装器，我无法将链接发布到 b/c 新用户只能在评论中发布一个 URL。

【讨论】：