使用 Jquery 提交表单 [重复]答案

【问题标题】：Submitting a form with Jquery [duplicate]使用 Jquery 提交表单 [重复]
【发布时间】：2013-02-11 22:53:18
【问题描述】：

我想使用 JQuery 提交我的表单而不重新加载页面。我该怎么做？

我的表格：

<html>
<form method="post" action="submit.php">
    <input type="text" name="name"/>
    <input type="submit" name="submit" value="submit"/>
</form>
</html>

我的 PHP：

<?php
    $name= $_POST['name'];
        echo $name;
?>

【问题讨论】：

$.post("submit.php", $("form").serialize());
你真的应该在这里看看 jQuery 的 ajax 方法：api.jquery.com/jQuery.ajax
您的意思是您不希望页面加载，还是希望在不重新加载用户当前所在页面的情况下进行提交？

标签： php javascript jquery html ajax

【解决方案1】：

根据 cmets，请参阅 jQuery docs/1000 的关于此事的教程。尽管如此：

$('#form-id').submit(function(){

// work yon javascript magicke

 });

编辑：请注意这是用于简单表单提交（客户端验证等）的非 ajax 解决方案；如果您想花哨，请参阅其他答案。

【讨论】：

【解决方案2】：

通过使用 ajax ：

$('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
       type: 'POST',
       url : 'submit.php',
       data: $(this).serialize()
    });
});

【讨论】：

【解决方案3】：

您需要等到文档加载完毕，然后中断提交事件，然后运行一些ajax

$( document ).ready( function () {

    $( 'form' ).on( 'submit', function ( event ) {

        event.preventDefault();

        $.ajax({
            type: 'POST',
            url: '/mypage.php',
            data: $( this ).serialize(),
            success: function ( data ) {
                alert( data );
            }
        });

    }):

});

【讨论】：