Question

我想使用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;
?>

Answer 1

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

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

// work yon javascript magicke

 });

编辑：请注意，这是一个非简化表单提交的非Ajax解决方案（客户端验证等）;如果你想得到幻想，请参考其他答案。

Answer 2

使用ajax：

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

Answer 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 );
            }
        });

    }):

});

使用Jquery提交表单

3 个答案: