【问题标题】:jQuery.map() to Parse results from select2 ajax calljQuery.map() 解析 select2 ajax 调用的结果
【发布时间】:2016-11-28 03:30:33
【问题描述】:

我有以下 select2 ajax 调用。如何使用 jquery $.map() 解析返回的 json 结果。我需要从用户数组中获取文本和值结果。从寻呼机数组中,我需要获取 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"
      }
   ]
}

【问题讨论】:

  • 预期结果是什么?
  • 搜索结果似乎没有显示在可供选择的选择列表中。
  • 是json错误还是$.map(data, function (users)错误?
  • 没试过select2,可以创建一个jsfiddlejsfiddle.net来演示吗?

标签: javascript jquery json ajax select2


【解决方案1】:

我是对的。我没有正确使用 jQuery.map()。应该是这样的:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-12
    • 2016-04-10
    • 2015-02-03
    • 2013-06-12
    • 2016-09-11
    • 2019-07-13
    相关资源
    最近更新 更多