Question

我要尽可能简洁。我在Bootstrap的模态窗口中动态加载此表单。但是当我提交它...而不是通过ajax发布时，整个页面都会被提交。在保存页面状态的同时，我可以通过AJAX（在后台）提交什么？这是加载到模态div元素的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

我明白了。我需要用$（document）.ready（）来包围代码，我需要通过＆＃39; .modal form＆＃39;来引用数据来序列化。一旦我这样做，一切都运作良好。

＆＃13;

places

＆＃13;

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

1 个答案: