AJAX 请求php页面_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

AJAX 请求php页面

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:页面请求表单HTML
黑客防线网安网讯:AJAX 请求在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。此例包括三张页面:a simple HTML form a JavaScript a PHP page HTML 表...

AJAX 请求

在下面的 AJAX 例子中我们将演示当用户向 web 表单中输入数据时网页如何与在线的 web 服务器进行通信

此例包括三张页面:

a simple HTML form
a JavaScript
a PHP page
HTML 表单

这是 HTML 表单它包含一个简单的 HTML 表单和指向 JavaScript 的链接:

<html>
<head>
<script src="clienthint.js"></script>
</head>
<body>

<form>
First Name:
<input type="text" id="txt1"
onkeyup="showHint(this.value)">
</form>

<p>Suggestions: <span id="txtHint"></span></p>

</body>
</html>
例子解释 - HTML 表单

正如您看到的,上面的 HTML 页面含有一个简单的 HTML 表单,其中带有一个名为 "txt1" 的输入字段。

该表单是这样工作的:

当用户在输入域中按下并松开按键时,会触发一个事件
当该事件被触发时,执行名为 showHint() 的函数
表单的下面是一个名为 "txtHint" 的 <span>。它用作 showHint() 函数所返回数据的占位符。
 JavaScript

JavaScript 代码存储在 "clienthint.js" 文件中,它被链接到 HTML 文档:

var xmlHttp

function showHint(str)
{
if (str.length==0)
  {
  document.getElementById("txtHint").innerHTML=""
  return
  }
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
  {
  alert ("Browser does not support HTTP Request")
  return
  }

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15610-1.html
网站维护教程更新时间:2012-04-05 00:04:25  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer