Ajax 使用& Json

一、ajax

1. Ajax 简介

A JAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

A JAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

1.2 Ajax所包含的技术

ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。

1.使用CSS和XHTML来表示。
2.使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。

A JAX 的核心是 XMLHttpRequest 对象，编程方式有传统和Jquery（更常用）两种。

1.3 Ajax的工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(A JAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

 引入ajax后，可更好地实现前后端分离。表现为，前后端数据交换可使用统一的数据格式（XML），经过ajax引擎再和浏览器进行交换。而传统方式还需要通过HTTP向服务器传输HTML+CSS数据，造成很大压力。

 ajax作用：通过减少从服务器下载的数据量（只更新变化的，而不是整个页面），提升站点性能。动态更新页面数据，刷新表格，使其包含静态、只读的数据。

二、Ajax的（传统）编程步骤

Ajax编程步骤（传统方式）：

1. 创建XMLHttpRequest对象。
2. 设置请求方式。
3. 调用回调函数。
4. 发送请求。

 2.1创建XMLHttpRequest对象

创建XMLHttp对象的语法是：

var xmlHttp=new XMLHttpRequest();

如果是IE5或者IE6浏览器，则使用ActiveX对象，创建方法是：
 

var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")

一般我们手写A JAX的时候，首先要判断该浏览器是否支持XMLHttpRequest对象，如果支持则创建该对象，如果不支持，则创建ActiveX对象。JS代码如下：
 

//第一步：创建XMLHttpRequest对象
var xmlHttp;
if (window.XMLHt