jQueryを使用してフォームを送信する [closed] 質問する

jQueryを使用してフォームを送信する [closed] 質問する

jQuery を使用してフォームを送信したいのですが、コード、デモ、またはサンプル リンクを提供してもらえますか?

ベストアンサー1

フォームを通常通り送信するか、AJAX呼び出しで送信するかによって異なります。多くの情報は以下で見つかります。翻訳元、例を含むドキュメントが含まれています。通常のフォームの送信については、submit()そのサイトでの方法。アヤックス、さまざまな可能性がありますが、おそらくajax()またはpost()メソッド。これは、単純化された制限されたインターフェースでメソッドpost()を呼び出すための便利な方法にすぎないことに注意してください。ajax()

私が毎日使っている重要なリソースで、ブックマークしておくべきものがあります。jQueryの仕組みjQuery の使用に関するチュートリアルがあり、左側のナビゲーションからすべてのドキュメントにアクセスできます。

例:

普通

$('form#myForm').submit();

アヤックス

$('input#submitButton').click( function() {
    $.post( 'some-url', $('form#myForm').serialize(), function(data) {
         // ... do something with response from server
       },
       'json' // I expect a JSON response
    );
});

$('input#submitButton').click( function() {
    $.ajax({
        url: 'some-url',
        type: 'post',
        dataType: 'json',
        data: $('form#myForm').serialize(),
        success: function(data) {
                   // ... do something with the data...
                 }
    });
});

ajax()上記のおよびメソッドは同等であることに注意してください。エラーなどを処理するためにリクエストpost()に追加できるパラメータがあります。ajax()

おすすめ記事