javascript - 如何将 AJAX JSON 映射到标签和值？

Question

我有使用 AJAX 的当前功能。它正确检索对象的 JSON 列表。每个对象都有一个 ID 和一个名称。我不确定如何将每个对象 ID 映射到值并将每个名称映射到标签，以便当用户选择一个选项时，我可以实际处理选择。

$(function() {
    var nameArray = [];

    $("#search").autocomplete({
        source : function(request, response) {
            $.ajax({
                url : "controller",
                type : "GET",
                data : {
                    term : request.term
                },
                dataType : "json",
                success : function(data) {
                    $.each(data,function(key,val){
                        nameArray.push(val.Name);
                    });

                    response(nameArray);
                }
            });
        }
    });

目前我只是将名称读入数组并通过响应发送它以用于 JQuery-UI 自动完成。但是我需要一种方法来发送 val.Name 和 val.ID。

这样我以后就可以在 select:function 中使用“ui.item.label”和“ui.item.value”。

谢谢

Answer 1

您需要将一个对象推送到具有所需属性的数组。

success : function(data) {
          var nameArray = [];
          $.each(data,function(key,val){
                nameArray.push({value:val.Name, label:val.Name, id: val.id});
           });

           response(nameArray);
}

您还可以使用 Array.prototype.map()

稍微简化一下

var nameArray = data.map(function(item){
    return {value: item.Name, label: item.Name, id: item.id};
});