ajax笔记

Ajax是异步Javascript与xml的缩写，能向服务器异步发送和接收数据，然后用javascript解析。

1、必须实例化XMLHttpRequest( )对象

var request = new XMLHttpRequest( )

2、调用XMLHttpRequest对象的open( )方法指定请求的两个必须部分：方法和URL。

request.open( “GET”, “url”)

第一个参数常用 “GET”或“POST”，

GET常用于常规请求，URL完全指定请求资源，请求对服务器没有任何副作用及服务器的响应是可缓存的。

POST方法常用于表单请求，在请求主体中包含额外数据，且这些数据常存储在服务器数据库中（有副作用）。

URL用相对文档的URL，或服务器明确允许跨域时，使用绝对URL

也有“DELET”，“OPTIONS”，“PUT”，“HEAD”

3、如果有请求头

request.setRequestHeader(“content-Type”, “text/plain”);其他大部分头都无法设置，防止伪造。

4、最后一步，传递可选的请求主体，向服务器发送它。

使用send( )方法。GET请求没有主体。POST方法通常用主体，并匹配请求头一起使用

request.send( null );

二、HTTP组成部分

1、一个HTTP请求由4部分组成：

HTTP请求方法或动作

正在请求的URL

一个可选的请求头集合

一个可选的请求主体

2、服务器返回的HTTP响应包含3部分

一个数字和文字组成的状态吗，显示成功或失败

一个响应头集合

响应主体

数据必须通过post方法发送给服务器

取得响应

status、statusText,以数字和文本形式返回HTTP状态码

getResponseHeader( ),getAllResponseHeader( )能查询响应头.（setResponseHeader设置响应头）

responseText属性得到文本形式

得到响应通知用readstatechange事件

包含状态readyState 整数

0      UNSENT                             open( )尚未调用

1      OPENDED                          open( )已调用

2      HEADERS_RECEIVED       接收到头部信息

3      LOADING                           接收到响应主体

4      DONE                                 响应完成

var request = new XMLHttpRequest( );

request.open(“GET”, url，true， username, secret);

request.onreadystatechange = function( ) {

if (request.readyState ===4 && request.status ===200) {//因为是是异步的所以要写结合已发送并且请求成功

var type = request.getResponseHeader(“Content-Type”);

if (type.match(/^text/))

callback(request.responseText( );

};

request.send(null);

request.open 第二个参数通常是true，表示异步

MIME类型

描述消息内容类型的因特网标准

“text/plain”纯文本

“text/html”“text/css”,”application/json"

XMLHttpRequest对象的responseText属性得到响应文本

编码请求主体

表单编码请求 HTML表单通过POST方法发送给服务器，而编码后的表单数据则用作请求主体。格式如下 A=B&C=D&E=F

需设置表头MIME类型为application/x-www-form-urlencoded