Select2 ajax not showing results
我正在使用 select2 和 ajax 在我的数据库中查询特定分类下的术语,但是当我搜索搜索框时,它只会挂在”搜索”上而没有检索到任何结果。
这是我的html
1
|
<select multiple="" name="regions1[]" id="regions1" class="job-manager-multiselect select2-hidden-accessible" required="" tabindex="-1" aria–hidden="true"></select>
|
我的 jquery:
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
jQuery(function($) {
$(document).ready(function() { $("#regions1" ).select2({ ajax: { url:"/ajax/connect.php", dataType: ‘json’, delay: 250, data: function (params) { return { q: params.term // search term }; }, processResults: function (data) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do not need to // alter the remote JSON data return { results: data }; }, cache: true }, minimumInputLength: 2 }); }); }); |
和我的 php 代码来查询数据库,我正在寻找分类法”job_listing_region”下的所有术语名称
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<?php
$servername ="localhost"; try { // strip tags may not be the best method for your project to apply extra // Do Prepared Query // Add a wildcard search to the search variable // Do a quick fetchall on the results // Make sure we have a result // return the result in json |
如您所见,我正在检索我的数据,但搜索只是挂起。
提前致谢。
在此处找到解决方案 How to load JSON data to use it with select2 plugin
需要像这样重新创建我的结果
1
2 3 4 5 6 7 |
processResults: function (data) {
return { results: $.map(data, function(obj) { return { id: obj.id, text: obj.text }; }) }; } |
所以你需要将
1
2 3 4 5 6 |
for(i=0;1<data.length;++i){
var currentObject = data[i]; var id = currentObject.id; var text = currentObject.text; //do what you need to here (Put things in a div, etc) } |
然后,您可以执行以下操作:
1
|
document.getElementById("search").innerHTML = document.getElementById("search").innerHTML+"<br />"+id+text;
|
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/268742.html