1. 在seckill.js中給立即秒殺按鈕加一個id,綁定單擊事件,單擊秒殺按鈕后,頁面需要將按鈕置為不可用,防止重復提交
/顯示秒殺按鈕
$("#seckillTip").html("<button type='button' id='seckillBtn'>立即秒殺</button>");
$("#seckillBtn").click(function () {
//頁面上防止重復點擊的控制 減少對后臺服務器的請求
$("#seckillBtn").attr("disabled",true);
//調用執行秒殺請求的函數 傳遞商品的隨機名和商品id
var random = rtnMessage.data;
seckillObj.func.execSeckill(random,id)
});
2. seckill.js中,立即秒殺按鈕單擊后發送ajax請求,執行秒殺操作,單獨封裝一個函數execSeckill處理,秒殺的結果暫不處理
● 在seckill.js的seckillObj的url屬性上添加seckillURL
url:{
randomURL:function () {
return seckillObj.contextPath +"/seckill/random/";
},
seckillURL:function(){
return seckillObj.contextPath +"/seckill/gooods/";
}
},
● execSeckill函數
//執行秒殺請求
execSeckill:function (random,id) {
$.ajax({
//url格式: /15-seckill-web/seckill/gooods/Ffdaskfjkadlsjklfa/1
url: seckillObj.url.seckillURL + random +"/" +id,
type:"post",
dataType:"json",
success:function (rtnMessage) {
//處理響應結果
}
});
}