停止前の控えめなAJAX呼び出し

Question

私のような形があります、

<script type="text/javascript"> 
    $("#search").on("keyup", function() 
    { 
     $("#myform").submit(); 
    }); 
</script> 

しかし、ユーザーがすばやく検索：

@using (Ajax.BeginForm("List", null, new AjaxOptions() { UpdateTargetId = "results" }, new { id = "myform" })) 
{ 
    <input id="search" type="text" value="" /> 
} 

を、私は、ユーザーが自分の検索]ボックスにキーを押したときに提出送信するためにはJavaScriptを宣言ブラウザは複数のAjaxリクエストを開始し、各コールの終了を1つずつ待つ。 ajaxを邪魔にならずに別のAjaxコールを送信する前に停止するにはどうすればいいですか？

Answer 1

私はおそらく、直接&あなたは非同期タスクとしてご.NETエンドポイントを定義した場合、別の1

$("#search").on("keyup", function(){ 
    var xhr; 

    if (xhr){ 
      xhr.abort(); //stop previous ajax   
    } 

    xhr = $.ajax({ 
       type: "GET", 
       url: "@Url.Action(list)", 
       data : {formdata : $("#myform").serialize() }, 
      success: function(response){ 
        // do some stuffs with $("#results") 
      } 
     });     

});