Select2 ajax没有显示结果
我正在使用select2和ajax来查询我的数据库中某些分类法下的术语,但是当我搜索搜索框时,只是挂起“搜索”而不检索任何结果。
这是我的HTML
我的jquery:
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”下的所有术语名称
setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); } catch(PDOException $e) { echo "Connection failed: " . $e->getMessage(); } // strip tags may not be the best method for your project to apply extra layer of security but fits needs for this tutorial $search = strip_tags(trim($_GET['q'])); // Do Prepared Query $query = $conn->prepare(" SELECT * FROM ( SELECT wp_terms.name FROM wp_terms JOIN wp_term_taxonomy ON wp_term_taxonomy.term_id = wp_terms.term_id WHERE taxonomy = 'job_listing_region' AND count = 0 ) as T" ); // Add a wildcard search to the search variable $query->execute(array(':search'=>"%".$search."%")); // Do a quick fetchall on the results $list = $query->fetchall(PDO::FETCH_ASSOC); // Make sure we have a result if(count($list) > 0){ foreach ($list as $key => $value) { $data[] = array('id' => $value['name'], 'text' => $value['name']); } } else { $data[] = array('id' => '0', 'text' => 'No Products Found'); } // return the result in json echo json_encode($data);
正如您所看到的,我正在检索我的数据,但搜索只是挂起。
提前致谢。
在此处找到解决方案如何加载JSON数据以将其与select2插件一起使用
需要像这样重新创建我的结果
processResults: function (data) { return { results: $.map(data, function(obj) { return { id: obj.id, text: obj.text }; }) }; }
因此,您需要将processResults
更改为success
,并将以下内容放入该函数中:
for(i=0;1
从那里,你可以做这样的事情:
document.getElementById("search").innerHTML = document.getElementById("search").innerHTML+"
"+id+text;