Question

我做了一个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函数

Answer 1

这是因为表格是以传统意义提交的。这是submit事件的默认操作。你需要压制这个：

$("#form2").submit(function(evt) {
    evt.preventDefault(); //<-- prevent the event's default action
    //code here...

Answer 2

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

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

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

来自ajax请求的Jquery Ajax表单

2 个答案: