XMLHttpRequest对象的常用方法

梦里梦外; 2022-05-12 00:28 256阅读 0赞

XMLHttpRequest对象提供了一些常用的方法，通过这些方法可以对请求进行操作。

下面对XMLHttpRequest对象的常用方法进行介绍。

**一 创建新请求的方法**

open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息，具体语法如下：

open("method","URL"\[,asyncFlag\[,"userName"\[, "password"\]\]\])

open()方法的参数说明。

<table style="border-collapse:collapse;border:1px solid #bbbbbb;width:690px;"> 
 <tbody> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">参数名称</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left">参数描述</td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">method</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left"> 用于指定请求的类型，一般为GET或POST </td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">URL</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left">用于指定请求地址，可以使用绝对地址或者相对地址，并且可以传递查询字符串</td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">asyncFlag</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left"> 为可选参数，用于指定请求方式，异步请求为true，同步请求为false，默认情况下为true </td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">userName</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left">为可选参数，用于指定请求用户名，没有时可省略</td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">password</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:570px;" align="left">为可选参数，用于指定请求密码，没有时可省略</td> 
 </tr> 
 </tbody> 
</table>

例如，设置异步请求目标为deal.jsp，请求方法为GET，请求方式为异步的代码如下：

http\_request.open("GET","deal.jsp",true);

**二 向服务器发送请求的方法**

send()方法用于向服务器发送请求。如果请求声明为异步，该方法将立即返回，否则将等到接收到响应为止。send()方法的语法格式如下：

send(content)

content：用于指定发送的数据，可以是DOM对象的实例、输入流或字符串。如果没有参数需要传递可以设置为null。

例如，向服务器发送一个不包含任何参数的请求，可以使用下面的代码：

http\_request.send(null);

**三 设置请求的HTTP头的方法**

setRequestHeader()方法用于为请求的HTTP头设置值。setRequestHeader()方法的具体语法格式如下：

setRequestHeader("header", "value")

header：用于指定HTTP头。