AJAX源代码(AJAX源代码,AJAX Source)W3POP.COM

网络学院 w3pop社区网络资源 IT新闻

w3pop.com :: 网络学院 :: AJAX :: AJAX源代码

AJAX: AJAX 实例; AJAX浏览器; AJAX源代码; AJAX服务端; AJAX 数据库; AJAX与XML文件; AJAX XMLHttpRequ..; 微软的Ajax; AJAX 介绍; AJAX HTTP 请求; AJAX 服务器端脚�..; AJAX Suggest 案�..; AJAX ResponseXML; AJAX AppML

No. 1

AJAX源代码

作者:w3pop.com 翻译/整理:w3pop.com 发布:2007-04-28 修改:2007-08-23 浏览:4259 ::

AJAX浏览器 AJAX服务端

AJAX Example - AJAX Source
AJAX 实例 - AJAX 源码

The source code below belongs to the AJAX example on the previous pages.
下面的源代码是前一个页面的。

You can copy and paste it, and try it yourself.
你可以将它复制并粘贴，自己来尝试。

The AJAX HTML Page
AJAX HTML页面

This is the HTML page. It contains a simple HTML form and a link to a JavaScript.
这是一个HTML网页。它包括了一个简单的HTML表单和关联JS的link

<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>

The JavaScript code is listed below.
JS代码在下面

The AJAX JavaScript
AJAX 的 JS

This is the JavaScript code, stored in the file "clienthint.js":
这是JS代码，被保存在"clienthint.js"文件中

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
} 
var url="gethint.asp"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{ 
document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
} 
} 

function GetXmlHttpObject()
{ 
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

The AJAX server page is explained in the next chapter.
有关AJAX服务器端页面的解释放在下一篇中。

AJAX浏览器 AJAX服务端

AJAX源代码

AJAX Example - AJAX Source AJAX 实例 - AJAX 源码

The AJAX HTML Page AJAX HTML页面

The AJAX JavaScript AJAX 的 JS

评论 (3) 1 All

AJAX Example - AJAX Source
AJAX 实例 - AJAX 源码

The AJAX HTML Page
AJAX HTML页面

The AJAX JavaScript
AJAX 的 JS