我的 Select2 3.4.5 不适用于 JSON 数据。
这是我的 HTML 输入框:
<input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' />
…还有我的 JavaScript
$(".itemSearch").select2({
placeholder: "Search for an Item",
minimumInputLength: 2,
ajax: {
url: "/api/productSearch",
dataType: 'json',
quietMillis: 100,
data: function (term, page) {
return {
option: term
};
},
results: function (data, page) {
var more = (page * 10) < data.total;
return {
results: data.itemName,
more: more
};
}
},
formatResult: function (data, term) {
return data;
},
formatSelection: function (data) {
return data;
},
dropdownCssClass: "bigdrop",
escapeMarkup: function (m) {
return m;
}
});
我使用 Laravel 4 创建了一个 API,每当我在文本框中输入任何内容时都会返回一个值。
如果我在文本框中输入“test”,结果如下:
[{"itemName":"Test item no. 1","id":5},
{"itemName":"Test item no. 2","id":6},
{"itemName":"Test item no. 3","id":7},
{"itemName":"Test item no. 4","id":8},
{"itemName":"Test item no. 5","id":9},
{"itemName":"Test item no. 6","id":10},
{"itemName":"Test item no. 7","id":11}]
我无法将结果添加到我的 Select2 下拉列表中。我认为 formatSelection
和 formatResult
是导致问题的原因,因为我不知道应该在其上放置什么参数。我不知道从哪里获取容器、对象和查询等参数以及它应该返回的值,还是我的 JSON 响应有误?
最佳答案
对于select2 v4.0.0略有不同
$(".itemSearch").select2({
tags: true,
multiple: true,
tokenSeparators: [',', ' '],
minimumInputLength: 2,
minimumResultsForSearch: 10,
ajax: {
url: URL,
dataType: "json",
type: "GET",
data: function (params) {
var queryParameters = {
term: params.term
}
return queryParameters;
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
return {
text: item.tag_value,
id: item.tag_id
}
})
};
}
}
});
https://stackoverflow.com/questions/20926707/
相关文章:
python - 如何以不同的顺序比较具有相同元素的两个 JSON 对象相等?
c# - JavaScriptSerializer.Deserialize - 如何更改字段名称
json - 从 JQuery.ajax 成功数据中解析 JSON
java - 错误 415 不支持的媒体类型 : POST not reaching REST if
ios - 在 Swift 中将 JSON 字符串转换为 Object 的简单而干净的方法
java - 在 Spring 中配置 ObjectMapper
json - 任何用于在 Classic ASP 中解析 JSON 的好库?
json - REST API 最佳实践 : args in query string vs in