javascript - jqueryはajax応答の読み込み中に関数を実行します

Question

クライアントがサーバーの応答を待っている間に実行される関数を実行するにはどうすればよいですか？これが私のコードです。調べて.load（）関数を見つけましたが、これにどのように適合しますか？どんな助けでも素晴らしいでしょう！ありがとう

$.ajax({
    type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()}
    }).done(function(){
        alert("Your message was sent. We will be in contact with you shortly.");
        window.location="index.html";
});

Answer 1

$ .ajax（）を呼び出した後に記述したコードの次の行は、ブラウザーが応答を待っている間に実行されます。

それで：

$.ajax();
yourAwesomeFN();

XhttpRequestsは非同期です。追加の作業は必要ありません。

Answer 2

「 beforeSend 」パラメータを確認しましたか。

$.ajax({
type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()},

   beforeSend: function(){
     // Handle the beforeSend event
   },
   complete: function(){
     // Handle the complete event
   }
   // ......
 });

Answer 3

モノスレッドであるため、JSで別の関数が実行されている間は関数を実行できません。ただし、前後に何かを実行できます。待機中に表示されるメッセージ/スピナーを設定する方法を探していますか？呼び出しのbeforeSendオプションを確認してください。$.ajax()

$.ajax({
    type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()}
    beforeSend : function(){

        // do your stuff here

    }
    }).done(function(){
        alert("Your message was sent. We will be in contact with you shortly.");
        window.location="index.html";
});