AJAX - 请求服务器_H5之家 - 中国HTML5教程资源分享第一站

　　网页制作Webjx文章简介：AJAX-向服务器发送一个请求,要想把请求发送到服务器，我们就需要使用open()方法和send()方法。
　　
　　AJAX-向服务器发送一个请求
　　
　　要想把请求发送到服务器，我们就需要使用open()方法和send()方法。
　　
　　open()方法需要三个参数。第一个参数定义发送请求所使用的方法（GET还是POST）。第二个参数规定服务器端脚本的URL。第三个方法规定应当对请求进行异步地处理。
　　
　　send()方法可将请求送往服务器。如果我们假设HTML文件和ASP文件位于相同的目录，那么代码是这样的：
　　
　　xmlHttp.open("GET","time.asp",true);
　　
　　xmlHttp.send(null);
　　
　　现在，我们必须决定何时执行AJAX函数。当用户在用户名文本框中键入某些内容时，我们会令函数“在幕后”执行。
　　
　　<html>
　　
　　<body>
　　
　　<scripttype="text/javascript">
　　
　　functionajaxFunction()
　　
　　{
　　
　　varxmlHttp;
　　
　　try
　　
　　{
　　
　　//Firefox,Opera8.0+,Safari
　　
　　xmlHttp=newXMLHttpRequest();
　　
　　}
　　
　　catch(e)
　　
　　{
　　
　　//InternetExplorer
　　
　　try
　　
　　{
　　
　　xmlHttp=newActiveXObject("Msxml2.XMLHTTP");
　　
　　}
　　
　　catch(e)
　　
　　{
　　
　　try
　　
　　{
　　
　　xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
　　
　　}
　　
　　catch(e)
　　
　　{
　　
　　alert("您的浏览器不支持AJAX！");
　　
　　returnfalse;
　　
　　}
　　
　　}
　　
　　}
　　
　　
　　
　　xmlHttp.onreadystatechange=function()
　　
　　{
　　
　　if(xmlHttp.readyState==4)
　　
　　{
　　
　　document.myForm.time.value=xmlHttp.responseText;
　　
　　}
　　
　　}
　　
　　xmlHttp.open("GET","time.asp",true);
　　
　　xmlHttp.send(null);
　　
　　
　　
　　}
　　
　　</script>
　　
　　<formname="myForm">
　　
　　用户:<inputtype="text"name="username"onkeyup="ajaxFunction();"/>
　　
　　时间:<inputtype="text"name="time"/>
　　
　　</form>
　　
　　</body>
　　
　　</html>
　　
　　下一节介绍"time.asp"的脚本，这样我们完整的AJAX应用程序就搞定了。
　　
　　点这里查看更多Ajax教程