Блог

у меня есть форма, которую я отправляю в базу данных с помощью ajax, на странице есть div с привязкой к базе данных, которая подсчитывает общее количество записей, отправленных при обновлении страницы. теперь то, что я хочу сделать, это отправить форму, я должен добавить 1 к привязке в div, которая подсчитывает общее количество отправленных записей

 <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>
  

если то, что я понял, правильно: вы хотите увеличить значение div «count_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("");

    });
});
  

});

ОБНОВЛЕНО:

 <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>