function Clearing(){
var id=[];
var total = $('.total')
$('input[name=single]:checkbox').each(function(){
var self = $(this)
if(self.is(":checked")){
id.push(self.data('id'))
}
})
var data = {'id':id,'total':total};
$.ajax({
url:'/cart/check',
type:'post',
data:data,
success:function(data,status){
if(status=='success'){
//do_xxxx
}
},
error:function(data,status){
if(status=='error'){
//do_xxxx
}
}
})
}
html:
<body>
<div class="container">
<div class="panel ">
<h1 class="text-center" style="color:red;">购物车</h1>
</div>
<div class="panel-body">
<table class="table table-hover">
<tbody>
<%for(var i in carts){if(!carts[i].cid)continue%>
<tr>
<td>
<input type="checkbox" name="single" data-id="<%=carts[i]._id%>" data-price="<%=carts[i].cPrice%>">
</td>
<td>
<%=carts[i].cName%>
</td>
<td><img src="/static/img/<%=carts[i].cImgSrc%>" alt="图片无法查看"></td>
<td class="quantity">
<a href="javascript:void(0)" style="font-size:20px" name="quantity" data-id="<%=carts[i]._id%>" data-type="sub" class="btn btn-danger text-center">-</a>
<input type="text" class="text-center" name="<%=carts[i]._id%>" style="width:30px" value="<%=carts[i].cQuantity%>">
<a href="javascript:void(0)" style="font-size:20px;" name="quantity" data-id="<%=carts[i]._id%>" data-type="add" class="btn btn-success text-center">+</a></td>
<td class="price" name="<%=carts[i]._id%>" data-price="<%=carts[i].cPrice%>">
<%=carts[i].cPrice*carts[i].cQuantity%>
</td>
</tr>
<%}%>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>总计:<span class="total">0</span>$</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td>
</td>
<td>
</td>
</tr>
</tbody>
</table>
<input type="button" class="btn btn-success" onclick="Clearing()" value="结算">
</div>
</div>
</body>
不懂为什么啊,无论ajax中的url指向那个地址,都无法到route的/cart/check上,如果不上ajax就可以正常进行!
data中的total不是html element吗,传给ajax做参数?这个没办法放到post的body里的吧