PHP结合AJAX实现搜索提示功能-php教程

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!=""){//检测键盘输出的内容能否为空，为空就没有收回申请  
            xhr=$.ajax({  
                type: 'GET',  
                url: 'service/suggestion.php',  
                cache:false,//没有从阅读器缓存中加载申请信息  
                data: "keyword=" + inputText,//向效劳器端发送的数据  
                dataType: 'json',//效劳器前往数据的类型为json  
                success: function (json) {  
                    if (json.length != 0) {//检测前往的后果能否为空  
                        var lists = "<ul>";  
                        $.each(json, function () {  
                            lists += "<li>"+this.pd_name+"</li>";//遍历出每一一条前往的数据  
                        });  
                        lists+="</ul>";  
  
                        $("#searchBox").html(lists).show();//将搜寻到的后果展现进去  
  
                        $("li").click(function(){  
                            $("#keyword").val($(this).text());//点击某个li就会猎取以后的值  
                            $("#searchBox").hide();  
                        })  
  
                    } else {  
                        $("#searchBox").hide();  
                    }  
  
  
                }  
  
            });  
            }else{  
                $("#searchBox").hide();//不查问后果就暗藏搜寻框  
            }  
        }).blur(function(){  
            $("#searchBox").hide();//输出框得到焦点的时分就暗藏搜寻框  
        });  
  
    });  
</script>

效劳端：

<?php  
session_start();  
  
function connectDb(){//衔接数据库的函数  
$db_server="localhost";  
$db_name="test";//数据库的称号  
$db_user="root";//数据库的用户名，没有同的用户权限没有同  
$db_pwd="";//数据库的明码  
$dsn="mysql:host=$db_server;dbname=$db_name;charset=utf8";//应用PDO的办法衔接数据库  
  
try{  
$connect=new PDO($dsn,$db_user,$db_pwd,array(PDO::ATTR_PERSISTENT=>true));//假如需求数据库长衔接，需求最初加一个参数  
  
}  
catch(PDOException $e){  
    exit('数据库衔接失败');  
}  
    return $connect;  
  
}  
  
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格局输入）  
  
?>

保举教程：《PHP教程》

以上就是PHP连系AJAX完成搜寻提醒性能的具体内容，更多请存眷资源魔其它相干文章！