jQuery Ajax全解析

什么是Ajax

Ajax基本概念

Ajax(Asynchronous JavaScript and XML):翻译成中文就是异步的JavaScript和XML。

从功能上来看是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。

传统的网页

想要更新内容或者提交表单就要重新加载或刷新页面。

使用ajax技术的网页

通过后台服务器进行少量的数据交换，网页就可以实现异步局部跟新。

Ajax出现前

Ajax技术出现之前，是一个同步交互的世界。

同步：客户端发出请求，服务端去处理，然后响应，这一段时间客户端是处在等待的状态，当服务端处理响应完成之后呢，客户端重新加载页面，如果中间信息错误那么客户端就会再次发起请求在此等待。

Ajax出现之后

Ajax出现之后世界变了 变成了异步的世界。

那我们为什么之前不使用异步呢，是因为之前少了一个对象XMLHttpRequest对象,在这个对象出现之前网页开发都是采用同步的方式,出现之后呢发现可以进行了异步的操作，这个对象是用于后台和服器之间进行数据交换，而且这个数据的交换不会重新加载整个页面，这种情况下呢实现了在不刷新页面的情况下对局部数据的更新，有了这个对象之后呢才有了Ajax的异步加载局部刷新。

Ajax的异步加载局部刷新功能的实现

1.首先第一个问题就是XHR这个对象怎么使用

1）先实例化一个XMLHttpRequest

var request = new XMLHttpRquest();

注意：现在大部分的浏览器都支持XMLHttpRequest对象和new这种方式，但是呢在IE6及以下版本的时代中呢XHR还只是ActiveXObject

解决方法：

Var request; If(window.XMLHttpRequest){ Reuest = new XMLHttpRequest(); }else{ Request = new ActiveXObject(“Microsoft.XMLHTTP”); }

2)请求：

在这之前我们来看一下什么事HTTP请求

是一种计算机通过网络进行通讯的规则。

是一种无状态协议，不保留连接的相关信息，

客户端向服务器发出请求，服务器响应，之后呢连接就被关闭

一个完整的HTTP请求有七个步骤

    A.建立TCP连接

    B.客户端向服务器发送请求的命令

    C.浏览器发送请求头信息

    D.服务器给出响应

    E.服务器发送应答头信息

    F.服务器向浏览器发送数据

    G.服务器关闭TCP连接

分开来看：HTTP请求分为四个部分

HTTP请求的方法和动作（get,pos）

正在请求的URL（请求地址）

请求头（包含客户端环境信息，身份验证信息等）

请求体，请求正文。

Get请求：一般用于信息获取（http默认求求方式）