Question

我开始学习一些jQuery，而且我现在还不是很擅长。但我需要一种方法在我的网站上提交表格而不刷新。我找到了一个流行的示例，用AJAX提交表单。

这是我的表格：

<form id="contact-form" action="envio.php" method="post" name="contact-form">

        <label for="message" class="contact-form-label font-open italic small-size" id="lang13">
              Message                        
        </label>
        <textarea class="text-big font-open regular medium-size" name="message"></textarea>

        <input onclick="openSubmitPopup()" type="image" id="arrowsubmit" src="images/icons/Icons_navigation-07.png" name="submit">
</form>

这是jQuery代码：

<script language="javascript">// <![CDATA[
$(document).ready(function() {
    $('#contact-form').submit(function(ev) {
        ev.preventDefault();

        $.ajax({
            type: 'POST',
            url: 'envio.php', //$(this).attr('action')'',
            data: $(this).serialize(),
            success: function(data) {
            }
        });    
        ev.preventDefault();
        return false;
    }); 
})
// ]]></script>

这会正确发送表单。但是，我不知道如何在发送表单时进行确认<div>。

Answer 1

你可以使用confirm（）函数这是一个原生的javascript代码

   applicationsRouter.use(function (req, res, next) {
        var send = res.send;
        res.send = function (body) {
            res.body = body
            send.call(this, body);
        };
        next();
    });

Answer 2

在你的成功回调函数中调用方法显示弹出

<script language="javascript">// <![CDATA[
$(document).ready(function() {
    $('#contact-form').submit(function(ev) {
        ev.preventDefault();

        $.ajax({
            type: 'POST',
            url: 'envio.php', //$(this).attr('action')'',
            data: $(this).serialize(),
            success: function(data) {
               openSubmitPopup(); //Assume, the function to show pop up works perfectly :)
            }
        });    
        ev.preventDefault();
        return false;
    }); 
})
// ]]></script>

无法通过AJAX表单提交确认

2 个答案: