本文主要是介绍Ajax技术之XMLHttpRequest(二)【XMLHttpRequest常用方法和属性】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、XMLHttpRequest中常用的方法:
(1)open()方法:用于设置进行异步请求目标的URL、请求方法以及其他参数信息。
函数原型:open("method","URL",asyncFlag,"userName","password")
参数说明:
method:用于指定请求类型是“GET”还是“POET”
URL:用于指定请求地址,可以是绝对地址也可以是相对地址,还可以传递查询字符串。
asyncFlag:用于指定请求方式是异步还是同步请求,异步请求是true,同步请求是false
userName和password是用户名和密码,可以省略。
例:XML_HttpRequest.open("GET","reg.jsp",true);
(2)send()方法:用于向服务器发送请求。如果请求是异步,该方法将立即返回,否则将等到接收到响应为止。
函数原型:send(content)
参数说明:
centent:指定发送的数据,如果没有参数需要传递,则设置为null。
例:XML_HttpRequest.send(null); //不包含任何参数的请求
(3)setRequestHeader()方法:用来为请求的HTTP头设置值
函数原型:setRequestHeader("header","value")
参数说明:
header:用来指定HTTP头
value:用来为指定的HTTP头设置的值
例:XML_HttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //将Content-Type请求的头的值设置为"application/x-www-form-urlencoded"
说明:setRequestHeader()方法必须在调用了open()方法之后才能调用。
(4)abort()方法:用来停止或放弃当前异步请求
(5)getResponseHeader()方法:以字符串的形式返回指定的HTTP头信息
函数原型:getResponseHeader("HeaderLabel")
参数说明:
HeaderLabel:用来指定HTTP头,包括Server、Content-Type和Date等
例:XML_HttpResquest.getResponseHeader("Content-Type"); //获取HTTP头Content-Type的值,返回的结果为“text/html;charset=GB18030”
(6)getAllResponseHeaders()方法:该方法将以字符串的形式返回完整的HTTP头信息,包括Server、Date、Content-Type和Content-Length。
函数原型:getAllResponseHeaders()
二、XMLHttpRequest常用的属性
(1)onreadystatechange属性:用来指定状态改变时所触发的事件处理器。
在Ajax中改变状态时都会触发一个JavaScript函数处理器。
例:指定状态改变时触发JavaScript函数getResult的代码
XML_HttpRequest.onreadystatechange = getResult;
注意:在指定所触发的事件处理器时,所谓用的JavaScript函数不能添加小括号和指定参数名。但可以使用匿名函数。例如:要调用一个带参数的函数getResult(),则可以这样写
XML_HttpRequest.onreadystatechange = function(){
getResult("添加参数"); //调用带参数的函数
}; //通过匿名函数指定要带参数的函数
(2)readyState属性:用来获取请求状态。该属性的共有5个状态,分别是:
状态值 | 状态含义 |
0 | 未初始化 |
1 | 正在加载 |
2 | 已加载 |
3 | 交互中 |
4 | 完成 |
(3)responseText属性:用来获取服务器的响应,表示为字符串
(4)responseXML属性:用于获取服务器的响应,表示为XML,该属性也可以解析DOM对象
(5)status属性:用来返回服务器的HTTP状态码,HTTP状态码有5中,分别为:
状态值 | 状态含义 |
200 | 表示成功 |
202 | 表示请求被接受,但尚未成功 |
400 | 错误请求 |
404 | 文件未找到 |
500 | 内部服务器错误 |
(6)statusText属性:用于返回HTTP状态码对应的文本,如OK或者Not Found等。
这篇关于Ajax技术之XMLHttpRequest(二)【XMLHttpRequest常用方法和属性】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!