XMLHttpRequest对象

Posted 2020-10-08 gaoxuerong

1.将请求发送到服务器，我们使用XMLHttpRequest对象的open()和send()方法。

1.1    open(method,url,async)

method:请求的类型：post或get;

url:文件在服务器上的位置；

async:true(异步)false(同步)

1.2    send(string)

将请求发送到服务器;

string:仅用于post请求；

2.获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

2.1 responseText  获得字符串形式的响应数据。

2.2 responseXML 获得XML形式的响应数据。

3.onreadystatechange事件

当请求发送到服务器，我们需要执行一些基于响应的任务。

每当readyState改变时，就会触发onreadystatechange事件。

readyState属性存有XMLHttpRequest的状态信息。

下边是XMLHttpRequest对象的三个重要的重要属性。

3.1    onreadystatechange：存储函数，每当readyState属性改变时，就调用该函数；

3.2    readyState: 存有XMLHttpRequest的状态。从0-4变化；

0：请求未初始化；

1,：服务器链接已经建立；

2：请求已经接收；

3：请求处理中；

4：请求已经完成，响应已经就绪；

3.3    status:             200:"ok"                 404:未找到页面

onreadystatechange 事件被触发 5 次（0 - 4），对应着 readyState 的每个变化。

重要：ajax请求数据步骤：

1.创建 XMLHttpRequest 对象

2.创建http请求

3.服务器响应

4.如果readyState==4 && status==200

5.得到数据

6.前台渲染数据

4.ajax的方法有：open()  send()          SetRequestHeader()        getAllResponseHeaders()                  getResponseHeader()

属性有：readyState  Onreadystatechange       status    statusText            responseText    responseXML

5.jquery的ajax方法：

 

参考内容http://www.w3school.com.cn/ajax/index.asp

http://www.chijianfeng.com/web/Js/138.html

http://www.runoob.com/jquery/jquery-ref-ajax.html