ajax ,jquery,php实现查找并更新显示数据

180it 2019-11-09 PM 1685℃ 0条

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script>
        $(function() {
         $("#name").on("keyup",function(){
         $.get("demo1.php",{q:this.value},function(data){
             $("#txtHint").html(data);
         })
         })
        })
    </script>
</head>

<body>
    <form>
        姓名:
        <input type="text" id="name" value="" />
        <p>返回值:<span id="txtHint"></span></p>
    </form>
</body>

demo1.php
<?php
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

$q = isset($_GET["q"])?$_GET["q"]:' ';
if(strlen($q)==0){

echo "请输入姓名";
exit;

}
if(strlen($q)>0){

$hint = " ";
for($i = 0 ; $i < count($a);$i++){
    if(strtolower($q) == strtolower(substr($a[$i],0,strlen($q)))){
        if($hint==" "){
            $hint = $a[$i];
        }else{
            
            $hint = $hint." , ".$a[$i];
        }
    }
}

}

if($hint == " "){
    $response = "不存在";
}else{
    $response = $hint;
}
echo $response;

?>

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

ajax ,jquery,php实现查找并更新显示数据