jquery - AJAX を介した複数のフォームの送信 - 同期または非同期

Question

同じページに複数のフォームがあり、単一の「保存」ボタンを押して ajax を介して送信する必要があるという状況があります。$.each を使用してフォームをループし、次に ajax リクエストを行うことでこれを行っています。ajax リクエストは、応答 (エラー/成功メッセージ) を返すことになっています。

私の問題は、どの出力がどのフォームに送られるかを一致させることに問題がある可能性があるため、 ASYNC リクエストを使用して間違いを犯しているのでしょうか? 皆さんはどう思いますか ？

Answer 1

同期 XHR リクエストは使用しないでください。それらを使用する正当な理由はなく、ひどいユーザー エクスペリエンスをもたらします。

リクエストが混同されることを心配する必要はありません。

$('form').each(function() {
    var form = $(this);
    $.post(form.attr('action'), form.serialize(), function(r) {
        // `form` is still the particular form submitted,
        // and `r` will be the results of posting that form.
    });
});