Ajax was used in html in express and then the event was triggered, and the browser died! ! !

  node.js, question

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'))
 bracket
 })
 var data = {'id':id,'total':total};
 $.ajax({
 url:'/cart/check',
 type:'post',
 data:data,
 success:function(data,status){
 if(status=='success'){
 //do_xxxx
 bracket
 },
 error:function(data,status){
 if(status=='error'){
 //do_xxxx
 bracket
 bracket
 })
 bracket

html:
<body>

<div class="container">
 <div class="panel ">
 <h1 class="text-center" style="color:red;"  > shopping cart < /h1 >
 </div>
 <div class="panel-body">
 <table class="table table-hover">
 <tbody>
 < percentage for (var i in cartes) {if (!  Carts[i].cid)continue percentage >
 <tr>
 <td>
 < input type = "checkbox" name = "single" data-id = "< percentage = cart [I]. _ id percentage >" data-price= "< percentage = cart [I]. c price percentage >" >
 </td>
 <td>
 < percentage =carts[i].cName percentage >
 </td>
 < TD > < imgrc = "/static/img/< percentage = carts [I]. cimgrc percentage >" alt= "picture cannot be viewed" > < /td >
 <td class="quantity">
 < a href = "JavaScript: void (0)" style = "font-size: 20px" name = "quantity" data-id = "< percentage = cart [I]. _ id percentage >" data-type = "sub" class = "btnbtn-dangertext-center" >-</a >
 < input type = "text" class = "text-center" name = "< percentage = cartes [I]. _ id percentage >" style="width:30px" value= "< percentage = cartes [I]. CQUANTITY percentage >" >
 <a href="javascript:void(0)" style="font-size:20px;"  Name="quantity" data-id= "< percentage = cart [I]. _ id percentage >" data-type = "add" class = "btnbtn-success text-center" > plus < /a></td >
 < td class="price" name= "< percentage = cart [I]. _ id percentage >" data-price= "< percentage = cart [I]. c price percentage >" >
 < percentage = cartes [I]. cprice * cartes [I]. cquatity percentage >
 </td>
 </tr>
 < percentage} percentage >
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 < td > total: < span class = "total" > 0 </span > $ </TD >
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td>
 </td>
 <td>
 </td>
 </tr>
 </tbody>
 </table>
 < inputtype = "button" class = "btnbtn-success" onclick = "clearing ()" value = "clearing" >
 </div>
 </div>

</body>
I don’t know why, no matter which address the url in ajax points to, I can’t go to /cart/check of route. if I don’t go to ajax, I can go on normally!

Is not total in data html element passed to ajax as a parameter? This can’t be put in post’s body inside, right