来自ajax请求的Jquery Ajax表单-Java 学习之路

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

2 回答

0
这是因为表单是以传统意义提交的 . 这是submit事件的默认操作 . 你需要压制这个：
```
$("#form2").submit(function(evt) {
    evt.preventDefault(); //<-- prevent the event's default action
    //code here...
```
回复于 2024-04-20T05:53:34+08:00
0
我没有在 $(document).ready 上绑定表单提交，而是通常只在表单的按钮中包含一个"onclick"事件：
```
<button type='submit' onclick='MyAjaxFunction();return false;'>Submit</button>
```
onclick的 return false; 部分将阻止表单提交 .
回复于 2024-04-20T05:53:34+08:00

来自ajax请求的Jquery Ajax表单

2 回答

相关问题