特定的div使用ajax或jquery刷新onsumbit

Question

I want a particular div on a page that contains database field to refresh itself to bring out the currenty entry onsubmit of a form. the div that contains the record is called #new_entry

 <div id="new_entry"></div>
    <script>
    $(document).ready(function(){
        $("#form3").on('submit',function(event){
            event.preventDefault();

            data = $(this).serialize();
            $.ajax({
            type: "POST",
            url: "../calls/insert_call_love.asp",
            data: data
            }).success(function() {

     $("#feedback").append("<div class='messages' style='border:1px purple solid; padding:2px; margin:5px;'>Your have loved this photo </div>");

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

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

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

this is what i'm posting to the insert_call_love.asp

<form action="<%=MM_editAction%>" method="post" name="form3" id="form2">
          <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="5" />
          <input name="MM_insert" type="hidden" id="MM_insert" value="form2" />
        </form>

Answer 1

In your code, you have to add a variable to success(function()) function

success(function(msg)

** "msg" **will contain data which you want to return from below url:-

url: "../calls/insert_call_love.asp",

then you can assign this data to any div

}).success(function(msg) {
   $('#new_entry').html(msg);
}

Note: variable "msg" will contain all the data which you have printed on the page "insert_call_love.asp"

Answer 2

Well depending on what you are doing on the server side with this post...You would need to query the DB and retrieve the latest item, and send it back/echo it out as JSON.

So in pseudocode steps...

     Process posted variables...
       Query DB for latest entry..
           Echo out as JSON...

Then do something like ...

.success(function(data) {
    $('#new_entry').html(data);