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

网上书城·小知识点（原生态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");
	});
})