秒杀项目

前台页面操作

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

 

技术文档推荐

更多>>

视频教程推荐

更多>>