用户开始键入时PHP Ajax显示提示
我试图理解Ajax功能并将其应用到我的站点。但是我面临一些问题,我需要一些解释。以下是我从w3school.com获得的代码:-用户开始键入时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
<!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
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()显示结果