【发布时间】: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