第一次使用AJAX,有些行代码不明白

问题描述 投票:0回答:3

我是编程新手,这是我第一次使用 PHP 学习 AJAX。 我从互联网上获得了一个工作示例代码并进行了研究,但有一些代码我不理解,我真的很沮丧。

index.php
中,我对代码非常困惑
xmlhttp.open("GET","gethint.php?q="+str,true);
。我不知道
q
代表什么。据我了解,
q
应该代表一个名为
q
的html元素。例如,我有
<input type="text" name="q" />
那么我知道我有一个文本框名称
q
。但在这个例子中,我找不到任何名称为
q
的元素。请帮忙...

index.php

<html>
 <head>
  <script type="text/javascript">
   function showHint(str)
   {
    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>

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

</body>
</html>


gethint.php

<?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=$_GET["q"];

 //lookup all hints from array if length of q>0
 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];
    }
   }
  }
 }

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
 {
  $response="no suggestion";
 }
 else
 {
  $response=$hint;
 }

 //output the response
echo $response;
?>
javascript php ajax
3个回答
4
投票

在您的示例中,

q
是一个传递给 gethint.php 的参数,其值包含在变量
str
中。

每当按下并释放某个键(

onkeyup
事件)时,变量都会从“名字”输入元素获取其值。

然后在 PHP 文件中通过行

q
访问
$q=$_GET["q"];
的值。

您可以随意命名传递到 PHP 页面的参数,它们不需要对应于 HTML 元素。


1
投票

q
是 HTTP GET 请求的参数名称:

超文本_传输_协议#Request_methods


1
投票

它是一个类似于 URL 的 LIKE 参数

php,

gethint.php?q=mYstring

echo $_GET['q'];// output as mYstring

在js中,

var str ='mYstring';
"gethint.php?q="+str

echo $_GET['q'];// output as mYstring

如果有任何问题,我想你可以通过添加评论得到。.pal (永远这样做)

© www.soinside.com 2019 - 2024. All rights reserved.