用户开始键入时PHP Ajax显示提示_Php_Ajax

用户开始键入时PHP Ajax显示提示

php ajax

用户开始键入时PHP Ajax显示提示,php,ajax,Php,Ajax,我试图理解Ajax功能并将其应用到我的站点。但是我面临一些问题，我需要一些解释。以下是我从w3school.com获得的代码：- <!DOCTYPE html> <html> <head> <script> function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById("txtHint").innerHT

我试图理解Ajax功能并将其应用到我的站点。但是我面临一些问题，我需要一些解释。以下是我从w3school.com获得的代码：-

<!DOCTYPE html>
<html>
<head>
<script>
function showHint(str)
{
    var xmlhttp;
    if (str.length==0)
    { 
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
             document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","gethint.php?q="+str,true);
    xmlhttp.send();
}
</script>
</head>
<body>

<h3>Start typing a name in the input field below:</h3>
<form action=""> 
First name: <input type="text" name="fname" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>Suggestions: <span id="txtHint"></span></p> 

</body>
</html>

// and here is gethint.php code

<?php
// Fill up array with names
$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";

// get the q parameter from URL
$q=$_REQUEST["q"]; $hint="";

// lookup all hints from array if $q is different from ""
if ($q !== "") {
    $q = strtolower($q);
    $len = strlen($q);
    foreach($a as $name) {
        if (stristr($q, substr($name,0,$len))) {
            if ($hint==="") { $hint=$name; }
            else { $hint .= ", $name"; }
        }
    }
}

// Output "no suggestion" if no hint were found
// or output the correct values
echo $hint==="" ? "no suggestion" : $hint;
?>


函数showHint（str）
{
var-xmlhttp；
如果（str.length==0）
{ 
document.getElementById（“txtHint”）.innerHTML=“”；
返回；
}
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“txtHint”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”、“gethint.php？q=“+str，true”）；
xmlhttp.send（）；
}
开始在下面的输入字段中键入名称：
名字：
建议：
//下面是gethint.php代码

但我有以下问题：

为什么我们使用

str.length==0

？因为我觉得应该是这样

fname.length==0

“gethint.php”中的

q=“+str”有什么用？q=“+str

部分

为什么我们使用

$q=$\u请求[“q”]

？因为我认为应该是这样的

$q=$\u请求[“fname”]

1:str.length==0将检查输入的字符串长度是否至少为1个字符或不为空。 2:q=“+str”在gething.php中？q=“+str”-这意味着一旦您输入此url中的任何字符，它将通过在url中传递（附加）str作为参数，开始在数据库中查找输入的字符。 3:$q=$\U请求[“q”]…将获取作为参数传入url的值

希望这会对您有所帮助。
str.length==0？它是可选的。如果您觉得需要它，请使用它else abort。实际上，这是为了向innerHTML显示结果
q=“+str in”gethint.php？q=“+str部分？bcz xmlhttp.open（“GET”、“gethint.php？q=“+str，true”）；在这个xmlhttp.open中，pass变量有两种方法，比如GET或POST 因此，它需要在存储完整数据的地方传递变量，如q，从这里传递值并使用xmlhttp.send（）显示结果