javascript - 如何提交在引导模式窗口中动态加载的ajax表单帖子？

Question

我将使其尽可能简洁。我在 Bootstrap 的模式窗口中动态加载此表单。但是当我提交它时......而不是通过ajax发布，而是提交整个页面。在保存页面状态的同时，如何通过 AJAX(在后台)提交？以下是加载到模态 div 元素中的代码:

<script>
    $(function(){
       $('.modal form').on('submit', function(e){
            e.preventDefault();
            $.ajax({
                url: "index2.html",
                type: "POST",
                data: $("multiform").serialize(),
                success: function(data){
                    alert("Successfully submitted.")
                }
            });
       }); 
    });
</script>

<form name="multiform" id="multiform" action="index2.html" method="POST" >
    Name: <input type="text" name="name"  value="Ravi"/> <br/>
    Age :<input type="text" name="age"  value="1" /> <br/>
    <input type="submit" value="Save" name="save" class="btn btn-primary" style="margin-top: 2px;  height: 27px; width: 89px;" ></input>
</form>

Answer 1

我明白了。我需要用 $(document).ready() 包围代码，并且需要引用数据以通过“.modal form”进行序列化。一旦我这样做了，一切就顺利了。

	$(document).ready( function() {
       $('.modal form').on('submit', function(e){
            e.preventDefault();
            $.ajax({
                url: "index2.html",
                type: "POST",
                data: $('.modal form').serialize(),
                success: function(data){
                    alert(data);
                }
            });
       }); 
    });