PHP融合AJAX实现搜索提示功能

发布时间：2022-06-24 13:22 所属栏目：121 来源：互联网

导读：PHP结合AJAX实现搜索提示功能首先将创建一个输入框；然后监听输入框的keyup事件，当事件触发时，使用AJAX请求将输入的内容发送给PHP；接着PHP根据输入的内容进行数据查找并返回；最后将返回的数据进行渲染即可。示例代码客户端： script $(document).read

　　PHP结合AJAX实现搜索提示功能

　　首先将创建一个输入框；然后监听输入框的keyup事件，当事件触发时，使用AJAX请求将输入的内容发送给PHP；接着PHP根据输入的内容进行数据查找并返回；最后将返回的数据进行渲染即可。

　　示例代码

　　客户端：

　　<script>
　　
　　    $(document).ready(function(){
　　
　　        var xhr=null;
　　
　　        $('input[name="keyword"]').keyup(function() {
　　
　　              if(xhr){
　　
　　                  xhr.abort();//如果存在ajax的请求，就放弃请求
　　
　　              }
　　
　　            var inputText= $.trim(this.value);
　　
　　            if(inputText!=""){//检测键盘输入的内容是否为空，为空就不发出请求
　
　　    });
　　
　　</script>

　　function test($keyword){//从数据库中查找关键字的函数
　　
　　$db=connectDb();
　　
　　$result=$db->prepare("select 字段名 from 数据库名字 where 字段名 like ?");
　　
　　$result->bindParam(1,$keyword);//第一个问号的值
　　
　　$result=>execute;
　　
　　return $result->fetchAll(PDO::FETCH_ASSOC);
　　
　　}

　　$keyword=$_GET['keyword'];//获取输入框的内容
　　
　　$suggestion=test($keyword);
　　
　　echo json_encode($suggestion);//输出查询的结果（json格式输出）
　　
　　?>。

（编辑：ASP站长网）