background image

PHP+AJAX 教程:PHP 和 AJAX 请求

 
    AJAX 请求
  在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与
在线的 web 服务器进行通信。
  在下面的文本框中输入一个名字(测试说明:该实例功能未实现)
  FirstName:
  Suggestions:
  这个例子包括三张页面:
  asimpleHTMLform
  aJavaScript
  aPHPpage
  HTML 表单
  这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接:
   <html>
  <head>
  <scriptsrc="clienthint.js"></script>
  </head>
  <body>
  <form>
  FirstName:
  <inputtype="text"id="txt1"
  onkeyup="showHint(this.value)">
  </form>
  
  <p>Suggestions:<spanid="txtHint"></span></p>
  </body>
  </html>
   例子解释-HTML 表单
   正如您看到的,上面的 HTML 页面含有一个简单的 HTML 表单,其中带有一个名
为"txt1"的输入字段。
   该表单是这样工作的:
  当用户在输入域中按下并松开按键时,会触发一个事件
   当该事件被触发时,执行名为 showHint()的函数
   表单的下面是一个名为"txtHint"的<span>。它用作 showHint()函数所返回数据
的占位符。
   JavaScript
   JavaScript 代码存储在"clienthint.js"文件中,它被链接到 HTML 文档:
   varxmlHttp
   functionshowHint(str)
   {
   if(str.length==0)
   {
   document.getElementById("txtHint").innerHTML=""