-5

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

3 に答える 3

2

コメントに従って、この問題に関する jQuery docs/1000 のチュートリアルを参照してください。それにもかかわらず：

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

// work yon javascript magicke

 });

編集：これは単純なフォーム送信（クライアント側の検証など）の非ajaxソリューションであることに注意してください。ファンシーになりたい場合は、他の回答を参照してください。

于 2013-02-11T22:55:06.293 に答える
1

ajax を使用して:

$('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
       type: 'POST',
       url : 'submit.php',
       data: $(this).serialize()
    });
});
于 2013-02-11T22:55:28.697 に答える
0

ドキュメントがロードされるまで待ってから、submit イベントを中断し、いくつかを実行する必要があります。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 );
            }
        });

    }):

});
于 2013-02-11T22:57:46.070 に答える