ajaxリクエストがJqueryで既に送信されているかどうかをチェックする方法？

Question

私はAjaxリクエストを使用してJqueryでフォームを投稿しています。

$.ajax( 
     { 
      type: "POST", 
      url: "login.php", 
      data: $("#signin").serialize(), 
      dataType: "json", 
      cache: false, 
      success: function(data, textStatus) { 
       if (data.redirect) { 
        window.location.replace(data.redirect); 
       } 
       else { 
        $('#some').fadeOut(200); 
        $('#some2').fadeIn(200); 
        $("#some3").html(data.form); 
        $("#some").delay(2000).fadeOut(200); 
        $('#some2').delay(2800).fadeIn(300); 
       } 
      }   
     }); 

ここで、「ログイン」ボタンをクリックするとすぐにajaxリクエストが行われます。問題は、今度は、ボタンを何度か押すとelse caseが数回実行され、＃some、＃some2、＃some3がフェードアウトして何度か繰り返されるということです。では、リクエストが既に送信されているかどうかを（DBに何かを書き込むことなく）確認する方法はありますか？

Answer 1

からhere：

.one()メソッドを使用して、ajaxコールバックで再度設定できます。

function doAjax(){ 
    // Your Ajax call. 
    $.ajax({..., complete: function() { 
     // Ajax call done, re-enabling the button/link 
     $("#buttonId").one('click', doAjax); 
    }, ...}); 
} 

$("#buttonId").one('click', doAjax); 

Answer 2

このフラグをtrueに設定して、ログイン時にブール値のフラグ、たとえばlogin_in_processを作成します。 trueの場合はクリックごとにこのフラグをチェックしてから空の復帰を行います。成功とエラーのコールバックではfalseの状態に設定します。あなたはそれがクリックされたか否かを記録するためのブール値を使用することができます

Answer 3

：

var loginClicked = false; 

$('input_button_element').click(function(){ 
    if (!loginClicked) { 
    loginClicked = true; 
    // your js here - you may want to add some visual feedback to the user also 
    } 
}); 

Answer 4

あなたが最初にその値

をチェックし、あなたのメソッド内でグローバルVAR

var loginClick = false; 

を作ることができます

if (!loginClick) { 
    loginClick = true; 
    //your ajax code; 
} 

Answer 5

グローバルスコープにブール値を格納する必要があります。

if (!window.isClicked) { 
    window.isClicked = true; 
    ...Do your ajax call here   
} 

だけでなく、AJAXの成功コールバック（中、常にwindow.isClickedの値を復元することを忘れないでください）：：windowオブジェクトに格納されている1つ

var jqxhr = $.ajax(...) 
.done(function() { }) 
.fail(function() { }) 
.always(function() { window.isClicked = false });