效果
说明
基于thinkphp3.2.3版本的框架实现,利用ajax从后台数据库中获取数据,其中获取数据是用模糊搜索方式,返回json数据,然后在模板中利用js将数据显示到搜索框下拉面板中。
模板
<script>
var myloader = function(param,success,error){
var q = param.q || '';
if (q.length <= 0) {
console.log("q.length <= 0");
return false;
}
else {
console.log("q.length > 0");
}
$.ajax({
url: '__CONTROLLER__/search/',
type: 'POST',
dataType: 'json',
data: {
'searchValue': q},
success: function(data){
var items = $.each(JSON.parse(data), function(value){
return value;
});
success(items);
}
});
}
</script>
<body>
<div>
<input class="easyui-combobox" data-options="
valueField:'code' , textField:'spec', loader : myloader, mode : 'remote'"/>
</div>
</body>
控制器
<?php
//---------------------------------------------------
//功 能:动态模糊搜索测试
//创建日期:2015-10-27
//修改日期:2015-10-27
//创 建 人:yicm
//修 改 人:yicm
//修改内容:
//---------------------------------------------------
n