有了下面这个AJAX教程(6):AJAX - 请求服务器教程,不懂AJAX教程(6):AJAX - 请求服务器的也能装懂了,赶紧get起来装逼一下吧!
【 tulaoshi.com - Web开发 】
AJAX - 向服务器发送一个请求
要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。
open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个方法规定应当对请求进行异步地处理。
send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录,那么代码是这样的:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)xmlHttp.open
("GET","time.asp",true);xmlHttp.send
(null);
现在,我们必须决定何时执行 AJAX 函数。当用户在用户名文本框中键入某些内容时,我们会令函数在幕后执行。
htmlbodyscript type="text/javascript"function ajaxFunction() { varxmlHttp
; try{ // Firefox, Opera 8.0+, SafarixmlHttp=new XMLHttpRequest();
} catch (e){ // Internet Explorer try {xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) { try {xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) { alert("您的浏览器不支持AJAX!"); return false; } }}xmlHttp.onreadystatechange
=function() { if(xmlHttp.readyState
==4){ document.myForm.time.value=xmlHttp.responseText
;} }xmlHttp.open("GET","time.asp",true)
;xmlHttp.send(null)
; }/scriptform name="myForm"用户: input type="text" name="username"onkeyup="ajaxFunction();"
/时间: input type="text" name="time" //form/body/html
下一节介绍 "time.asp" 的脚本,这样我们完整的 AJAX 应用程序就搞定了。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160220/1632563.html
看过《AJAX教程(6):AJAX - 请求服务器》的人还看了以下文章 更多>>