从Ajax请求中查询Ajax表单

Jquery Ajax Form from ajax request

本文关键字：Ajax 表单 查询 请求      更新时间：2023-09-26

我做了一个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函数都在页面内。php

提交form1时，它会从page2.php//中获取数据，效果很好。**page2.php给出了form2。

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

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

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

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

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

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