一、首先先介绍一下ajax是什么
Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
二、使用ajax基础语法以及常用的属性（每个属性结束用逗号隔开）
$.ajax({
url: "",
type: "",
data: {
},
dataType: "",
success: function(data) {
}
}
});
1、url：
填写的是你想要跳转到的servlet，在浏览器打开的地址（地址很关键）
2、type：
有两个常用的值（post和get），当以post请求提交时，就执行post方法，get请求同上，那么get请求和post请求的区别是什么呢？
a、get是从服务器上获取数据，post是向服务器传送数据。
建议：
b、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；
c、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式。
3、data：{}
内容填写的是你想要向跳转页面传送的数值参数，例如：
name: $("#name").val(),
pwd: $("#pwd").val()
要注意的是，每句结束要用逗号隔开，这里的**name:**就是你获取数据是用到的属性名
4、dataType:{}
就是你希望服务器（后端）返回的数据类型
参数类型：String类型字符串
可用值：
a、text： 纯文本字符串
b、json： 返回 JSON 数据 （通常在查询数据库表内容使用）
c、xml: 返回 XML 文档，可用 jQuery 处理
d、html: 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行
e、script: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）
f、“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
g、“local”: 返回本地数据（即第一次初始化时只加载本地代码显示的样式，而不加载任何后台返回的数据）
5、success: function(data) {}：
对从服务器返回的数据（data 注：可设置任意变量名）进行处理，例如：
success: function(data) {
console.log(data); //使用console.log()方法来找到对象的内容
$.each(data, function(i) {
var trString = "<tr><td>" + data[i].id + "</td><td>" + data[i].bookName + "</td><td>" + data[i].bookAuthor + "</td><td>" + data[i].bookPress + "</td><td><a class='del'>删除</a></td><td><a class='update'>更新</a></td></tr>";
$("tbody").append(trString);
});
}
使用$.each（）循环来把获取的内容展示在表格中
