Imooc·Java高并发秒杀API（JavaScript模块化）

Imooc·Java高并发秒杀API（JavaScript模块化）

一、seckill.js

var seckill = {
URL:{
now:function(){
return '/seckill/time/now';
},
exposer:function(seckillId){
return '/seckill/'+seckillId+'/exposer';
},
kill:function(seckillId,md5){
return '/seckill/'+seckillId+'/'+md5+'/execution';
}
},
handlerSeckillKill:function(seckillId,node){
node.hide().html('<button class="btn btn-primary btn-lg" id="killBtn">开始秒杀！</button>');
//$.post('url',{},function(result){
$.post(seckill.URL.exposer(seckillId),{},function(result){
if(result && result['success']){
var exposer = result['data'];
//console.log("data"+data);
if(exposer['exposed']){
var md5 = exposer['md5'];
//var killUrl = '/seckill/'+seckillId+'/'+md5+'/execution';
var killUrl = seckill.URL.kill(seckillId,md5);
$('#killBtn').one('click',function(){
$(this).addClass('disabled');
$.post(killUrl,{},function(data){
if(data && data['success']){
var result = data['data'];
var state = result['state'];
var stateInfo = result['stateInfo'];
//node.html(stateInfo);
node.html('<span class="label label-success">'+stateInfo+'</span>');
}
});
});
node.show();
} else {
var now = exposer['now'];
var start = exposer['start'];
var end = exposer['end'];
seckill.countdown(seckillId,now,start,end);
}
} else {console.log("data"+data);}
});
},
validatePhone:function(phone){
if(phone && phone.length == 11 && !isNaN(phone)) return true;
else return false;
},
countdown:function(seckillId,nowTime,startTime,endTime){
var seckillBox = $('#seckill-box');
if(nowTime > endTime) seckillBox.html('秒杀结束！');
else if(nowTime < startTime) {
var killTime = new Date(startTime + 1000);
seckillBox.countdown(killTime,function(event){
var format = event.strftime('秒杀计时：%D天 %H时 %M分 %S秒');
seckillBox.html(format);
}).on('finish.countdown',function(){
seckill.handlerSeckillKill(seckillId,seckillBox);
});
}
else seckill.handlerSeckillKill(seckillId,seckillBox);
},
detail:{
init:function(params){
var killPhone = $.cookie('killPhone');
if(!seckill.validatePhone(killPhone)){
var killPhoneModal = $('#killPhoneModal');
killPhoneModal.modal({
show: true,
backdrop: 'static',
keyboard: false
});
$('#killPhoneBtn').click(function(){
var inputPhone = $('#killPhoneKey').val();
if(seckill.validatePhone(inputPhone)){
$.cookie('killPhone',inputPhone,{expires:7,path:'/seckill'});
window.location.reload();
} else {
$('#killPhoneMessage').hide().html('<label class="label label-danger">手机号错误！</label>').show(300);
}
});
}
//$.get('/seckill/time/now',{},function(result){
var startTime = params['startTime'];
var endTime = params['endTime'];
var seckillId = params['seckillId'];
$.get(seckill.URL.now(),{},function(result){
if(result && result['success']){
var nowTime = result['data'];
seckill.countdown(seckillId,nowTime,startTime,endTime);
} else {
console.log("data"+data);
}
});
}
}
}

二、效果图