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