初学AJAX 01

AJAX可以实现异步操作，可以把页面的信息实时显示到页面上
实现异步操作需要使用XMLHttpRequest对象，XMLHttpRequest对象（后面简称XHR）可以实现后台和服务器之间交换数据，而且数据交换可以不重新加整个页面。所以有了XHR对象，才有了现在的使用AJAX实现异步请求局部刷新。
实现AJAX技术：

1. 运用HTML和CSS实现页面，实现想表达的信息
2. 运用XHR和web服务器进行数据的异步交换
3. 运用JavaScript操作dom，实现动态局部刷新

实例化一个XHR对象

var request=new XMLHttpRequest();

兼容IE6或更早的版本

var request;
if(window.XMLHttpRequest){
      request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari...
}else{
       request = new ActiveXObject("Mirosoft.XMLHTTP");//IE6,IE5
}

http请求的组成

1. HTTP请求的方法或动作，比如是GET请求还是POST请求
2. 正在请求的URL地址，知道请求的地址是什么
3. 请求头，包含一些客户环境信息，身份验证信息等
4. 请求体，也就是请求正文，请求正文中可以包含客户提交的查询字符串信息，表单信息等

GET和POST请求

• GET: 一般用于信息获取，使用URL传递参数，对所发送的信息数量有限制，一般在2000个字符（GET请求查询一次和查询一万次效果是相同的，不会改变信息，所以GET方法是安全的）
• POST：一般用于修改服务器上的资源，对所发送的信息数量无限制

HTTP响应

1. 一个数字和文字组成的状态码，用来显示请求是成功还是失败
2. 响应头，响应头也和请求头一样包含许多有用的信息，例如服务器类型等，日期时间
3. 响应体，就是响应正文

HTTP状态码

HTTP状态码由3为数字构成，其中首位数字定义了状态码的类型

• 1XX：信息类，表示收到WEB浏览器请求，正在进一步的处理中
• 2XX: 成功，表示用户请求被正确接受，理解和处理 如：200OK
• 3XX：重定向，表示请求没有成功，客户必须采取进一步的动作
• 4XX：客户端错误，表示客户端提交的请求有错误。如：404NOT Found，意味着请求中引用的文档不存在
• 5XX：服务器错误，表示服务器不能完成对请求的处理