1

我做了一个jQuery表单（form1），它通过ajax在该页面中带来了另一个表单（form2）。现在我想通过ajax提交form2数据。

但是每当我单击按钮时，它都会提交整个页面。我的意思是整个页面重新加载。

$(document).ready(function() {
        $("#form2").submit(function() {
            $(this).ajaxSubmit({
                    beforeSubmit: function(before) {
                        $('.loading_result').html('Loading...');
                    },
                    success: function(dd) {
                        $('.loading_result').html(dd);
                    }
            }); 
            return false;
        });

    });

父页面中的所有 JavaScript 代码。我在 ajax 页面中没有任何 JavaScript 代码

//

page.php * 此页面中有一个表单（form1）。* 所有的 jQuery 函数都在 page.php 中

当form1提交时，它从page2.php中带来数据//它工作得很好。** page2.php 给出 form2。

现在，当我提交 from2（在 ajax 请求之后也在 page.php 中）时，它不会触发 page.php 中的 jquery 函数

4

2 回答 2

0

这是因为表单是在传统意义上提交的。这是提交事件的默认操作。你需要抑制这个：

$("#form2").submit(function(evt) {
    evt.preventDefault(); //<-- prevent the event's default action
    //code here...
于 2012-07-12T16:07:08.823 回答
0

$(document).ready我通常只在表单的按钮上包含一个“onclick”事件，而不是绑定表单提交：

<button type='submit' onclick='MyAjaxFunction();return false;'>Submit</button>

onclick的return false;部分将阻止表单提交。

于 2012-07-12T16:32:35.207 回答