下一页加载后提交表单的Jquery答案

【问题标题】：Jquery on form submit after next page load下一页加载后提交表单的Jquery
【发布时间】：2016-08-24 03:36:40
【问题描述】：

我正在尝试使用 jquery alert 编写一个 alert jquery 函数。我基本上想做的是提交表单，等待页面重新加载，然后显示警报。但是，我在尝试组织这个时遇到了麻烦。这是我的代码。

$("input.auto").click( function() {
 $('#form').on("submit", function(){
   $(document).ready( function() {
      jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
   });
 });
});

现在警报不会等待页面重新加载，而是在点击后立即显示。我该如何解决这个问题？

【问题讨论】：

标签： jquery forms submit alert

【解决方案1】：

您编辑如下代码：

$("#form").submit(function(event) {
    event.preventDefault();
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});

【讨论】：

很抱歉，它不起作用。它只是阻止页面重新加载和表单提交。

【解决方案2】：

单击后，页面已加载，因此将显示警报。

您应该在提交的表单中包含一个隐藏字段。然后如果传入了隐藏字段就调用alert。

【讨论】：

【解决方案3】：

发现了一个很棒的 jQuery 插件，叫做 jQuery Form。它将您的表单转换为 ajax 表单。非常简单，就像一个魅力。 http://malsup.com/jquery/form/#getting-started

    $(document).ready(function() { 
        $('form').ajaxForm(function() { 
            jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
        }); 
    });

【讨论】：