javascript - 使用 ajax 或 jquery 提交时刷新的特定 div

Question

我希望页面上包含数据库字段的特定 div 能够刷新自身，以在提交表单时显示当前条目。包含记录的 div 称为#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>

这就是我发布到 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

在代码中，您必须向 success(function()) 函数添加一个变量

success(function(msg)

**"msg"**将包含您想要从以下网址返回的数据:-

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

然后您可以将此数据分配给任何div

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

注意:变量“msg”将包含您在页面“insert_call_love.asp”上打印的所有数据