Ajax:A(异步)的 JA(javascript)和 X(xml)。实现 客户端异步请求操作,从而实现不用刷新页面的情况下与服务器通信,减少用户等待时间,提高用户体验。

Ajax介绍(上)

1、简介

ajax与传统web应用模型的区别:

Ajax相当于一个中间商,页面中的用户操作将不直接到达服务器,先到达Ajax的引擎,然后Ajax与服务器进行通信,然后返回结果提交给Ajax,Ajax决定这些数据的处理。

那么ajax引擎到底如何工作的呢???

ajax创建XHR(xmlhttprequest)对象
->发送XHR请求(XHR的open和send方法发送请求)
->获取XHR响应(获取XHR的responseText或者responseXML)

2、HTTP事物

HTTP事物:一个HTTP由一条请求命令和一个响应结果组成。
HTTP头:chrome network截图
服务器端响应:
Content-Type:内容类型
Content-Length:内容长度
Date:服务器端时间
Etag:文件标识符
Server:服务器端的服务软件
浏览器请求:
Accept:可接受的内容类型
Accept-Encoding:可接受的压缩內型
Accept-Languange:可接受的语言
Host:请求的域名
User-Agent:浏览器端浏览器型号和版本
依次为请求资源URL地址、HTTP方法、响应状态码、请求的域名、 请求参数Query String Parameters暂未截图

3、HTTP方法

GET:从服务器向客户端发送命名资源,主要是传给服务器一些参数来获取服务器上指定的资源。
POST:将客户端数据发送到一个服务器网关程序。
DELETE:从服务器上删除命名资源。
HEAD:仅发送命名资源中的http首部 PUT:将来自客户端的数据存储到一个服务器资源中去
TRACE:对报文进行追踪
OPTIONS:决定可以从服务器上执行哪些方法

*其中GET和POST方法区别:

浏览器对URL有大小限制,chrome 8k firefox 7k ie 2k,get是将数据直接拼接在URL后端query部分,而浏览器是对URL有长度限制的,所以get有大小限制。post不限制大小。因为post是将数据放到请求的主体里,而主体是不限制大小的,所以post没有大小限制。get可以看到发送给服务器的数据,而post不会被看到,因为post把数据放到主体里,所以post较安全。

4、HTTP状态码

1:这类响应是临时响应,只包含状态行和某些可选的响应头信息,并以空行结束
2
:表示请求成功
3:表示重定向
4
:表示请求端错误
5**:表示服务器端错误
200 OK 文档正确返回
301 Redirect 永久重定向。一直从其他地方去获取资源
302 Redirect 临时重定向。临时到其他地方去获取资源
303 see other、307 Temporary Redirect 将客服端重定向到一个负载不大的服务器上,用于负载均衡和服务器失联
404 Not Found 无法找打资源 500 Internal Server Error 服务器错误