用例 1：用戶注冊
用戶填完注冊用戶后，使用 Ajax 技術實現對用戶名的重復驗證
* * * * *
提示
~~~
//用戶名驗證
$("#uname").blur(function(){
//用戶名
var uname = $("#uname").val().trim();
//用戶名不能為空
if(uname==""){
$("#uname+span").html("用戶名不能為空");
$("#uname+span").css("color","red");
checkUname = false;
}else{
$.ajax({
type:"post",
url:"servlet/RegisterSerlvet",
data:{"way":"checkName","uname":uname},
success:function(data){
//用戶名已存在
if(data=="1"){
$("#uname+span").html("用戶名已存在");
$("#uname+span").css("color","red");
checkUname = false;
//用戶名可用
}else if(data=="2"){
$("#uname+span").html("√");
$("#uname+span").css("color","green");
checkUname = true;
}
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
alert("請求失敗！");
}
});
}
});
~~~
用例 2：購物車功能的實現
~~~
//獲取當前頁被選中書籍id的數組
function getSelect(){
//存放id的數組
var arr = [];
$("#tbody :checkbox").each(function() {
if((this.checked)) {
arr.push(this.value);
}
});
return arr;
}
~~~
~~~
/**
* 添加商品到購物車
* @param request
* @param response
* @throws ServletException
* @throws IOException
*/
private void doUpdateShop(HttpServletRequest request, HttpServletResponse response) throws ServletException,
IOException {
// 獲取選中書籍id數組
String[] selectorId = request.getParameterValues("selector");
ShopServiceImpl ssi = new ShopServiceImpl();
// 獲取當前用戶名
String uname = (String) request.getSession().getAttribute("uname");
// 實例化書籍service類
BookServiceImpl bsi = new BookServiceImpl();
// 循環遍歷數組，判斷有無存在與購物車
for (String s : selectorId) {
int bid = Integer.parseInt(s);
// 獲取對應bid的書籍
Book book = bsi.getBook(bid);
// 單價
Double price = book.getPrice();
// true代表存在于購物車
if (ssi.ifInShop(bid, uname)) {
// 獲取對應的購物書籍
Shop shop = ssi.getShop(bid, uname);
// 已購數量
int count = shop.getCount();
// 執行更新
ssi.updateShop(bid, count + 1, (count + 1) * price, uname);
} else {
// 執行新增
ssi.insertShop(bid, 1, price, uname);
}
}
}
~~~
