AJAX

AJAX 即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，俗称异步传输技术，是一种用于创建快速动态网页的技术

ajax原理（使用 jq实现）：

1.前端触发

a.绑定事件

b.触发ajax：

c.配置参数：

$.ajax({ type: "POST", 请求服务器时参数传递的方式 url: "some.php", 服务器处理请求的页面 data: "name=John&location=Boston", 参数

datatype:"json", 设置返回的内容格式为json success: function(msg){ 回调函数 alert( "Data Saved: " + msg ); }});

$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); }});

d.当Data Saved能正常显示时，表示前端触发已完成

2.服务器响应

a.要有一个页面来接收并处理请求-->接收传递参数，并根据请求查询数据库

b.判断是否是ajax请求-->根据请求的不同返回不同的结果

$_SERVER：用来存储服务器相关信息

XMLHttpRequest对象：是ajax的核心对象

判断$_SERVER['HTTP_X_REQUESTED_WITH']是否存在

c.根据不同的请求，将结果 输出 返回（一般返回为json格式）

d.当Data Saved能返回设定的结果时，表示服务器响应已完成

3.前端响应

a.服务器响应成功后会触发

b.根据返回的数据显示最终结果给用户

4.Json：数据交换格式-->不同语言之间的翻译

以C语言为基础的都可以翻译

5.json_encode()：将PHP的数据格式转换为json格式（不管哪一种语言翻译为json之后都是同一种格式）

ajax原理（使用原生js实现）：

1.绑定事件：

2.创建xmlHttpRequest对象-->$_SERVER['HTTP_X_REQUESTED_WITH']=xmlHttpRequest

3.触发ajax：

a.open(‘数据传输方式’，‘请求的URL’，‘是否使用异步传输(true)’)

b.onreadystatechange：检查服务器的状态值的变化

readyState： 从 请求没发出 到 服务器处理请求的这段过程

0：请求未发出（open之前）

1：请求已建立但还没有发出（send之前）

2：请求已发出，正在处理（服务器开始接受并响应）

3：服务器已经处理，响应中（部分请求数据已经可用）

4 ：响应已完成

status：响应完成之后，服务器处理结果

200：响应成功

404：未找到页面

304：

c.send()：将请求发出

4.服务器响应成功，调用回调函数