1.AJAX介绍：

AJAX的全称：Asynchronous JavaScript and XML（异步的JavaScript和XML）。

使用了ajax技术的网页，通过在后台跟服务器进行少量的数据交换，网页就可以实现异步局部更新。

2.同步概念：

3.异步概念：

3.1实现异步的对象：

3.2实现异步的过程：

运用HTML和CSS来实现页面，表达信息；运用XMLHttpRequest和web服务器进行数据的异步交互；运用JavaScript操作DOM，实现动态局部刷新。

4.XHR对象的使用：

4.1 实例化（在IE6及以前的版本中不支持）：

var request = new XMLHttpRequest();

-解决办法：

var request;

if(window.XMLHttpRequest){

    request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Srfari...

}else{

    request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5

}

5什么是HTTP：

http是计算机通过网络进行通信的规则，是一种无状态协议，不建立持久的连接。

6.HTTP请求与响应整体过程：

一个完整的HTTP请求过程，通常有下面7个步骤：

1.建立TCP连接

2.Web浏览器向Web服务器发送请求命令

3.Web浏览器发送请求头信息

4.Web服务器应答

5.Web服务器发送应答头信息

6.Web服务器向浏览器发送数据

7.Web服务器关闭TCP连接

6.1HTTP请求过程：

一个HTTP请求一般由四部分组成：

1.HTTP请求的方法或动作，比如是GET还是POST请求

2.正在请求的URL

3.请求头，包含一些客户端环境信息，身份验证信息等

4.请求体，也就是请求正文，请求正文中可以包含客户提交的查询字符串信息，表单信息等等

例子：

6.2GET和POST请求：

GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符。

POST：一般用于修改服务器上的资源，对所发送信息的数量无限制。

6.3HTTP响应过程：

一个HTTP响应一般由三部分组成：

1.一个数字和文字组成的状态码，用来显示请求是成功还是失败

2.响应头，响应头也和请求头一样包含许多有用的信息，例如服务器类型、日期时间、内容类型和长度等等

3.响应体，也就是响应正文

例子：

6.4HTTP状态码：

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

1XX：信息类，表示收到Web浏览器请求，正在进一步的处理中

2XX：成功，表示用户请求被正确接收，理解和处理例如：200 OK

3XX：重定向，表示请求没有成功，客户必须采取进一步的动作

4XX：客户端错误，表示客户端提交的请求有错误，例如：404 NOT Found，意味着请求中所引用的文档不存在

4XX：服务器错误，表示服务器不能完成对请求的处理：如500

7.XHR发送请求：

例子：

request.open("GET","get.php",true);

request.send();

request.open("POST","post.php",true);

request.send();

request.open("POST","create.php",true);

request.setRequestHeader("Content-type","application/x-www-form-urlencodeed");

request.send("name=王二狗&sex=男");

8.XHR取得响应：

responseText：获得字符串形式的响应数据

responseXML：获得XML形式的响应数据

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

getAllResponseHeader()：获取所有的响应报头

getResponseHeader()：查询响应中的某个字段的值

8.1响应是否完成，需要监听下面属性：

readyState属性

0：请求未初始化，open还没有调用

1：服务器连接以建立，open已经调用了

2：请求已接收，也就是接收到头信息了

3：请求处理中，也就是接收到响应主体了

4：请求已完成，且响应已就绪，也就是响应完成了

8.2监听的过程：

var request = new XMLHttpRequest();

request.open("GET","get.php",true);

request.send();

request.onreadystatechange = function(){

    if(request.readyState == 4 && request.state == 200){

        request.responseText

    }

}

8.3GET方法发送的例子：

request.open("GET","service.php?number="+document.getElementById("keyword").value);

8.4返回到界面的例子：

document.getElementById("searchResult").innerHTML = request.responseText;

8.5POST方法发送的例子：

request.open("OPST","service.php");

var data = "name=" + document.getElementById("staffName").value + "&number=" + document.....;

request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

request.send(data);

9.JSON基本概念：

JSON：JavaScript对象表示法（JavaScript Object Notation）。

JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成。

JSON是独立语言的，也就是说不管什么语言，都可以解析json，只需要按照json的规则来就行。

9.1与XML的比较：

JSON的长度和xml格式比起来很短小，读写速度更快，可以使用JS内建的方法直接解析，转换为JS对象，非常方便。

9.2JSON语法规则：

JOSN数据的书写格式是：名称/值对。

JSON的值可以是下面这些类型：

数字（整数或者浮点型），比如123，1.23

字符串、逻辑值、数组（[]中）、对象（{}中）、null

9.3JSON解析：

eval和JSON.parse，在代码中使用eval是很危险的！特别是用它执行第三方的JSON数据（其中可能包含恶意代码）时。

AJAX——全面解析