对于这个功能企业上还算比较实用,推荐给大家;
index.html
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js">
<script type="text/javascript">
$(".text").bind("input",function() {
if($(this).val().length>0){
search();
}else{
$(".sea").html('');
}
})
function search(){
$.ajax({
type:"GET",url:"sea.PHP",data:{"text":$(".text").val()},success:function(response){
//转换成json对象
eval("var json="+response);
//console.log(json)
var str="";
for(var i=0;i<json.length;i++){
str += "
}
$(".sea").html(str);
}
})
}
sea.PHP
while($row=MysqLi_fetch_assoc($result)){
//判断是否有对应的数据
if(!$row){
$search='';
exit;
}else{
//对查询关键字进行标记
$row['sea'] = str_replace($text,'<font color="red">' .$text. '',$row['sea']);
$search[]=$row;
}
}
echo json_encode($search);
?>
效果图
完整代码下载:https://github.com/jwhuang59/Demos/tree/master/search
以上这篇jq.ajax+PHP+MysqL实现关键字模糊查询(示例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。