将1添加到div onsubmit

Question

我有一个表单，我使用ajax提交给数据库，在页面上有一个div，它有一个数据库绑定，用于统计页面刷新时提交的记录总数。现在我想做的事是的onsubmit的形式，我应该加1，在计算的记录提交

<div id="count_div"></div> 
    <form id="form2" name="form2" method="POST" action="<%=MM_editAction%>"> 
       <input name="comment" type="text" id="comment" size="50" /> 
       <input name="imageField3" type="image" id="imageField3" src="imgs/buttons/comment.png" align="bottom" /> 
       <input name="wardrobe" type="hidden" id="wardrobe" value="1" /> 
       <input name="comme" type="hidden" id="comme" value="2" /> 
       <input name="comfn" type="hidden" id="comfn" value="3" /> 
       <input name="photo_id" type="hidden" id="photo_id" value="4" /> 
       <input name="ctype" type="hidden" id="ctype" value="picture" /> 
       <input name="resp_email" type="hidden" id="resp_email" value="4" /> 
       <input type="hidden" name="MM_insert" value="form2" /> 
      </form> 

AJAX

<script> 
$(document).ready(function(){ 
    $("#form2").on('submit',function(event){ 
     event.preventDefault(); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "int_p_cmt.asp", 
     data: data 
     }).success(function() { 

$("#msg_div").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>Your comment has been saved </div>"); 

      setTimeout(function() { 
       $(".messages").fadeOut(function(){ 
        $(".messages").remove(); 
       }); 
      }, 1000); 

      $("input[type=text]").val(""); 

     }); 
    }); 
}); 
</script> 

Answer 1

总数更新DIV的结合：

<script> 
$(document).ready(function(){ 
    $("#form2").on('submit',function(event){ 
     event.preventDefault(); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "int_p_cmt.asp", 
     data: data 
     }).success(function() { 
      window.counter=parseInt($('#count_div').html()); 
      window.counter++; 
      $('#count_div').html(window.counter); 
      $("#msg_div").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>Your comment has been saved </div>"); 

      setTimeout(function() { 
       $(".messages").fadeOut(function(){ 
        $(".messages").remove(); 
       }); 
      }, 1000); 

      $("input[type=text]").val(""); 
     }); 
    }); 
}); 
</script> 

Answer 2

如果我的理解是正确的：你想递增“count_div”div的值然后试试这个：

$(document).ready(function(){ 
$("#form2").on('submit',function(event){ 
    event.preventDefault(); 

    data = $(this).serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "int_p_cmt.asp", 
    data: data 
    }).success(function() { 

     $("#msg_div").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>Your comment has been saved </div>"); 

     setTimeout(function() { 
      $(".messages").fadeOut(function(){ 
       $(".messages").remove(); 
      }); 
     }, 1000); 

     $("#count_div").html(parseFloat($("#count_div").html())+1); 

     $("input[type=text]").val(""); 

    }); 
}); 

}）;