XMLHttpRequest对象

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

 

原文地址:https://www.cnblogs.com/gaoxuerong123/p/7580191.html