jQueryui使用JSON列表自动完成

我是jQuery的新手，我需要一些自动完成搜索的帮助

我正在调用返回以下内容的REST服务：

{ "success":"true", "errmsg":"", "list":[ { "ItemDesc":"18 16GA CMP GALV CORR PI", "ItemNumber":"78398", "ProdNumber":"1318CMP16", "Alias":"70370" }, { "ItemDesc":"18 16GA CMP GALV BAND", "ItemNumber":"83063", "ProdNumber":"1318CMP16BG", "Alias":"18ACCMPB" }, { "ItemDesc":"48 CMP BAND 12G", "ItemNumber":"120404", "ProdNumber":"1348CMPB", "Alias":"CMB1248" } ] } { “成功”：“真实”， “errmsg”：“， “名单”：[ { “项目描述”：“18 16GA CMP GALV CORR PI”， “项目编号”：“78398”， “产品编号”：“1318CMP16”， “别名”：“70370” }, { “ItemDesc”：“18 16GA CMP GALV波段”， “项目编号”：“83063”， “产品编号”：“1318CMP16BG”， “别名”：“18ACCMPB” }, { “ItemDesc”：“48 CMP波段12G”， “项目编号”：“120404”， “产品编号”：“1348CMPB”， “别名”：“CMB1248” } ] } 我正试图让autocomplete搜索这些结果&在列表中显示“ItemDesc”，以便用户可以单击其中一个

$(function () { $("#search").autocomplete({ //source: "/ItemSearch/994/092468/CMP" }); }); $（函数（）{ $（“#搜索”）.autocomplete({ //来源：“/ItemSearch/994/092468/CMP” }); });

---

目前，autocomplete列表中唯一显示的是“true”（REST调用的JSON结果中的“success”值）。如何让它显示返回的“ItemDesc”列表？

我假设在自动完成中，您使用的是

jQuery.ajax

向服务发出请求。如果是这样，则将ajax

dataType:

设置设置为

json

，在

success:

设置中设置一个函数，然后在该函数中使用

.map

将返回的数据处理为所需的格式。在jQuery文档中可以找到一个很好的例子。以下是该页面上示例来源的相关片段：

    $( "#city" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "http://ws.geonames.org/searchJSON",
      dataType: "jsonp",
      data: {
        featureClass: "P",
        style: "full",
        maxRows: 12,
        name_startsWith: request.term
      },
      success: function( data ) {
        response( $.map( data.geonames, function( item ) {
          return {
            label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
            value: item.name
          }
        }));
      }
    });

---

谢谢你的回复。实际上，我正在使用$.getJSON调用REST服务。$.map对我仍然有效吗？还是应该用$.ajax备份并重写REST调用？

$。getJSON

只是

$的包装器。ajax

为您设置

数据类型：“json”

，以及其他一些东西。它采用了一个success function参数，您可以使用该参数定义一个函数，该函数使用

$。每个
通过返回的每个数据项来获取所需的内容，并将其推送到数组中，以便在
$中使用。autocomplete
的源选项中。
$.getJSON
doc中有一个成功函数示例，可以帮助您入门。我会尝试这条路线，只有当你碰到墙或者需要
$.ajax
提供给你的完全控制时，我才会后退。