ajax技术

Ajax

1.什么是Ajax?

• Ajax(Asychronous javascript and xml),中文翻译则为异步的javascript(浏览器端脚本语言) and xml(传输和保存数据的语言);
• 是一种用来改善用户体验的技术.
• 其本质是利用浏览器内置的一种特殊的对象(XMLHttpRequest)异步(即发送请求时,浏览器不会销毁当前页面,不重新加载网页的情况下,用户可以继续在当前页面进行其他的操作)的向服务器发送请求,并且利用服务器返回的数据(一般是使用文本或者xml返回)来部分更新当前页面;
• 传统的网页(不使用AJAX),如果需要更新内容,必须重载整个网页面,使用ajax技术之后,网页无刷新,并且不打断用户;

1.1什么是Xml语言?

xml(extensionable markup language),可拓展标记语言,其中可拓展(指的是标签可以自定义)

• html和xml之间有什么区别?
  • html,用来在浏览器端显示数据,标签是内置的,不能自定义;
  • xml,用来保存数据和传输数据,标签只能自定义

1.2关于异步和同步

• 同步请求:顺序处理，即当我们向服务器发出一个请求时，在服务器没返回结果给客户端之前，我们要一直处于等待状态直至服务器将结果返回到客户端，我们才能执行下一步操作。例如普通的B/S模式就是同步请求（注：B/S模式
  也即服务器与浏览器通信主要采用HTTP协议；通信方式为“请求——响应”，浏览器发出请求；服务器做出响应。）
• 异步请求:异步请求：并行处理，当我们向服务器发出一个请求时，在服务器没返回结果之前，我们还是可以执行其他操作（好处：不用排队等待）。例如AJAX技术就是异步请求。

如果是异步通信方式(true)，客户机就不等待服务器的响应；如果是同步方式(false)，客户机就要等到服务器返回消息后才去执行其他操作。

一句话概括：

• 同步：一个时间点只能执行一个线程
• 异步：一个时间点可以执行多个线程

2.创建ajax对象

• 1.主流浏览器，大多数浏览器是通过new XMLHttpRequest()获得。
• 2.IE6使用：new ActiveXObject(“Msxml2.XMLHTTP”)创建。
• 3.IE5.5使用：new ActiveXObject(“Microsoft.XMLHTTP”)。

3.建立对服务器的连接

• 1.创建一个请求
  默认就是一个异步请求
• 2.对服务器发送一个请求

4.服务器返回的信息

4.1 onreadystatechange事件

onreadystatechange:服务器做出的响应事件。

4.2 请求响应状态

响应属性
readyState:服务器响应的结果状态
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

5. JSON数据格式

JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。

5.1Json的语法规则

1. 数据为 键/值 对,键和值之间用冒号：隔开。
2. 数据由逗号分隔。
3. 大括号保存对象
4. 方括号保存数组

5.2php生成Json格式

• .json_encode()：将变量（数组）转化(编码)为json格式
  数组下标不是从0开始，输出的结果就是json格式

• 2. json_decode()：将json转化为数组或者是对象

1.json格式的键名只能用双引号。
2.json格式的键名必须要加双引号。
3.json格式最后面不要加逗号。