php - 使用 Jquery 提交表单

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;
?>

score 2 · Accepted Answer

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

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

// work yon javascript magicke

 });

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

score 1 · Accepted Answer

通过使用 ajax ：

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

score 0 · Accepted Answer

您需要等到文档加载完毕，然后中断提交事件，然后运行一些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 );
            }
        });

    }):

});

php - 使用 Jquery 提交表单

3 回答 3

Related

Reference