1. 在seckill.js中給立即秒殺按鈕加一個(gè)id,綁定單擊事件,單擊秒殺按鈕后,頁面需要將按鈕置為不可用,防止重復(fù)提交
/顯示秒殺按鈕
$("#seckillTip").html("<button type='button' id='seckillBtn'>立即秒殺</button>");
$("#seckillBtn").click(function () {
//頁面上防止重復(fù)點(diǎn)擊的控制 減少對(duì)后臺(tái)服務(wù)器的請(qǐng)求
$("#seckillBtn").attr("disabled",true);
//調(diào)用執(zhí)行秒殺請(qǐng)求的函數(shù) 傳遞商品的隨機(jī)名和商品id
var random = rtnMessage.data;
seckillObj.func.execSeckill(random,id)
});
2. seckill.js中,立即秒殺按鈕單擊后發(fā)送ajax請(qǐng)求,執(zhí)行秒殺操作,單獨(dú)封裝一個(gè)函數(shù)execSeckill處理,秒殺的結(jié)果暫不處理
● 在seckill.js的seckillObj的url屬性上添加seckillURL
url:{
randomURL:function () {
return seckillObj.contextPath +"/seckill/random/";
},
seckillURL:function(){
return seckillObj.contextPath +"/seckill/gooods/";
}
},
● execSeckill函數(shù)
//執(zhí)行秒殺請(qǐng)求
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) {
//處理響應(yīng)結(jié)果
}
});
}