1 Ajax
1.1 Ajax引述
Ajax技术可以实现页面的局部更新，数据异步交互的方式给用户带来了更好的使用体验。
jQuery对JavaScript进行了二次封装同时也对Ajax的操作重新进行了整理与封装，简化了Ajax的使用。
Ajax全称是Asynchronous Javascript and XML，即异步的JavaScript和 XML。
Ajax是一种Web应用技术，该技术是在JavaScript、DOM、服务器配合下，实现浏览器向服务器发送异步请求。
传统请求方式
1. 传统请求方式每次发出请求都会请求一个新的页面；
2. 即使刷新页面也要重新请求加载本页面。
Ajax异步请求方式
Ajax异步请求方式向服务器发出请求，会得到数据后再更新页面。
通过DOM操作修改页面内容，整个过程不会发生页面跳转或刷新操作。
传统请求方式和Ajax异步请求方式区别
Ajax优势：
1.请求数据量少
Ajax请求只需要得到必要数据，对不需要更新的数据不作请求，所以数据量少，传输时间较短。
2.请求分散
Ajax是按需请求，请求是异步形式，请求不会集中爆发，一定程度上减轻了服务器的压力，响应速度也比较快。
3.用户体验优化
Ajax是异步请求，不会刷新页面，使得页面上用户行为得到了有效保留。
1.2 Ajax基础操作
1.JavaScript方式
XMLHttpRequest 对象：
1. XMLHttpRequest 是 AJAX 的基础。
2. XMLHttpRequest 术语缩写为XHR，中文可以解释为可扩展超文本传输请求。
3. XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。
4. XMLHttpRequest的对象用于客户端和服务器之间的异步通信
所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
2.jQuery方式
在jQuery中，向服务器请求数据的方法有很多。其中，最基本的方法是$.ajax()， $.ajax()方法可以精确地控制Ajax请求。 例如，在请求出错时执行某些操作，设置请求字符集和超时时间等。
$.ajax()方法是jQuery中最底层的Ajax方法，$.ajax()方法可以实现所有关于Ajax的操作，其语法格式如下。
$.ajax(options) // 语法格式1
$.ajax(url,options) // 语法格式2
浏览器向服务器发送的请求包括GET请求和POST请求，为此，jQuery提供了$.get()方法和$.post()方法，分别用于发送GET请求和POST请求。
$.get()方法
jQuery中的$.get()方法，用于向服务器发送GET请求，语法格式如下
$.get(url,data,function(data, status, xhr),dataType)
get()方法是jQuery的静态方法，由“$”对象直接调用。
$.get()方法的参数含义 如下表所示。
$.post()方法
jQuery中的$.post()方法，用于向服务器发送POST请求，语法格式如下
$.post(url,data,function(data, status, xhr),dataType)
2 JSON数据格式介绍
在Ajax请求中，最常用的数据格式为JSON
JSON是一种存储key/value（键值对）数据的格式，类似于JavaScript的对象格式。它的优势在于数据能被处理成对象，方便获取信息字段。JSON的数据格式如下所示。
JSON数组数据都存储在一对[]中，在[]中，每一组数据用一对{}括起来，多个组之间用“,”分隔。需要注意的是，如果value是String类型的话必须用双引号引起来，如果是value是number、object、boolean和数组的话可以不使用双引号。
[
{
"name": "Web服务端",
"author": "dayday",
"price": "¥78.20"
}, {
"name": "计算机视觉",
"author": "张三",
"price": "¥39.50"
}
]
