Question

我有一个表单，我使用ajax提交到数据库，页面上有一个div，它有一个数据库绑定，用于计算页面刷新时提交的记录总数。现在我要做的是提交表单，我应该在div中添加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

<强>更新：

<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("");

    });
});

}）;

将1添加到div onsubmit

2 个答案: