尚硅谷·网上书城项目（五）

网上书城·小知识点（原生态Ajax）

一、什么是Ajax?

       AJAX即“Asynchronous JavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。即可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

二、Ajax典型案例演示（购物车操作）

$(function(){
$(":text").change(function(){
var quantityVal = $.trim(this.value);
var $tr = $(this).parent().parent();
var title = $.trim($tr.find("td:first").text());
var flag = confirm("确定修改" +title+ "的数量吗？");

if(!flag) return;

var url = "BookServlet";

var idVal = $.trim(this.name);
var args = {"method":"updateItemQuantity","id":idVal,"quantity":quantityVal,"time":new Date()};

$.post(url, args, function(data){
var bookNumber = data.bookNumber;
var totalMoney = data.totalMoney;
$("#totalMoney").text("总金额：￥" + totalMoney);
$("#bookNumber").text("您的购物车中共有：" + bookNumber + "本书");
},"JSON");
});
})