Question

我有以下select2 ajax调用。如何使用jquery $ .map（）来解析返回的json结果。从users数组我需要获取Text和Value结果。从寻呼机数组我需要获得TotalItemCount。我下面的内容似乎不起作用，搜索结果似乎不会显示在选择列表中。没有出现控制台错误，所以我不确定我做错了什么。

var url = '@Url.Action("GetEmployees", "Employees")';
var pageSize = 20;

$(".js-data-example-ajax").select2({
    ajax: {
        url: url,
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                term: params.term, // search term
                page: params.page
            };
        },
        processResults: function (data, params) {
            params.page = params.page || 1;

            return {
                results:  $.map(data, function (users) {
                    return {
                        text: users.Text,
                        id: users.Value
                    }
                }),
               pagination: {
                    more: (params.page * pageSize) < data.pager.TotalItemCount
                }
            };
        },
        cache: true
    },
    minimumInputLength: 2,
    placeholder: "-- Select --",
    allowClear: true
});

返回的json如下：

 {
   "pager":{
      "PageCount":1,
      "TotalItemCount":1,
      "PageNumber":1,
      "PageSize":20,
      "HasPreviousPage":false,
      "HasNextPage":false,
      "IsFirstPage":true,
      "IsLastPage":true,
      "FirstItemOnPage":1,
      "LastItemOnPage":1
   },
   "users":[
      {
         "Disabled":false,
         "Group":null,
         "Selected":false,
         "Text":"Joe Blogs",
         "Value":"97306aa4-d423-4770-9b45-87a701146b10"
      }
   ]
}

Answer 1

我是对的。我没有正确使用jQuery.map（）。它应该如下：

 results:  $.map(data.users, function (users) {
                return {
                    text: users.Text,
                    id: users.Value
                }
            }),

jQuery.map（）从select2 ajax调用解析结果

1 个答案: