AJAX AJAX AJAX

1.组成： async javascript and xml  异步的JS和XML

XML 是一种文件格式，可扩展的标记语言。作用是用自己扩展的一些语义标签来存储一些数据和内容。

 AJAX的就是为了实现局部刷新

2.如何操作AJAX

XMLHttpRequest对象

1.实例化对象

2.建立联系 method: get(获取数据) post（新建 增加数据） put（更新 修改数据 删除数据） url 向服务器端发送请求API 接口地址。

async 设置AJAX 请求的同步异步，默认是异步（true）,false是同步。 同步和异步的区别： 异步是请求和后续代码同事执行，同步是等待请求完成之后 在去执行。

username userpwd 用户判断

3.发送请求 send(content) 这个方法中参数可写可不写 写是服务器传输数据 不写是请求数据。

4.获取服务器响应的数据 使用事件 readyState == 4 && http.status == 200

5.渲染界面

AJAX状态

0  UNSENT             创建，未发送

1 OPENED              已经执行open这个操作

2 HEADERS_RECEIVED  已经发送AJAX请求 （AJAX任务开始，）响应头信息已经被客户端接收（响应头包含了：服务器的时间 HTTP状态码的时间...）

3 LOADING   响应主体内容正在返回

4 DONE   响应主体内容已经被客户端接收

HTTP网络状态码（staus）

200 OK 成功（服务器成功返回信息，信息不一定是所需业务）

301 moved permanently 永久转移（永久重定向）

这种是域名更改，访问原始域名重定向到新的域名。www.360buy.com=>

301

text/html

Other

302 move temporarily 临时转移（临时重定向=>307）

网站现在基于HTTPS协议运作，如果访问的是HTTP协议，会基于307重定向到HTTPS协议上

==>302一般用作服务器负载均衡；当一台服务器达到最大并发的时候，会把后续访问的用户临时转移到其它的服务器上处理

==>偶尔会把所有图片放到单独的服务器上“图片处理器” 这样会减少服务器压力，当用户向主服务器访问图片，主服务器都会转图片处理器。

304 not modified 设置缓存

=>对于不经常更新的资源文件，例如CSS/JS/HTML 服务器会结合客户端设置304缓存，ctrl+F5强制刷新页面。

400 bad request  请求参数错误

401 Unatuthorized 无权限访问

404  Not Found    找不到资源 页面丢失（地址不存在）

413 Request Entity Too Large 和服务器交互的内容资源超过服务器最大限制

500 Inter Server Error 服务器报错

503  Service Unavailable服务器超负荷