对于这个功能企业上还算比较实用,推荐给大家;
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
//判断是否有对应的数据
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实现关键字模糊查询(示例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。