jq.ajax+php+mysql实现关键字模糊查询(示例讲解)

对于这个功能企业上还算比较实用，推荐给大家；

index.html

rush:xhtml;"> <Meta charset="utf-8">

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"&gt;
<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 += "

" + json[i].sea + "

";
}

            $(".sea").html(str);
    }
})

}

sea.PHP

rush:xhtml;"> PHP $con = MysqLi_connect("localhost","username","password"); if(!$con){ echo "数据库链接失败"; exit; } MysqLi_select_db($con,'jwhuang'); MysqLi_query($con,'set names utf-8'); $text= isset($_GET['text']) ? trim($_GET['text']) : ''; $result=MysqLi_query($con,"select * from search where sea LIKE '{$text}%' "); $search=array();

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实现关键字模糊查询(示例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。