AJAX - 请求服务器
有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享AJAX - 请求服务器吧。
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应用程序就搞定了。