今天图老师小编给大家介绍下AJAX教程(5):AJAX-XMLHttpRequest 对象,平时喜欢AJAX教程(5):AJAX-XMLHttpRequest 对象的朋友赶紧收藏起来吧!记得点赞哦~
【 tulaoshi.com - Web开发 】
AJAX - 更多有关 XMLHttpRequest 对象的知识
在向服务器发送数据之前,我们有必要解释一下 XMLHttpRequest 对象的三个重要的属性。
onreadystatechange 属性onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:
xmlHttp.onreadystatechange=function()
{ // 我们需要在这里写一些代码 }
readyState 属性readyState 属性存有服务器响应的状态信息。每当 readyState 改变时,onreadystatechange 函数就会被执行。
这是 readyState 属性可能的值:
我们要向这个 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据):
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4
){// 从服务器的response获得数据} }
responseText 属性可以通过 responseText 属性来取回由服务器返回的数据。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)在我们的代码中,我们将把时间文本框的值设置为等于 responseText:
xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4){document.myForm.time.value=xmlHttp.responseText
;} }
下一节,我们会介绍如何向服务器请求数据!
来源:http://www.tulaoshi.com/n/20160220/1632557.html
看过《AJAX教程(5):AJAX-XMLHttpRequest 对象》的人还看了以下文章 更多>>