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) {
//处理响应结果
}
});
}