jQueryオートコンプリート - 遅いサーバーvsローカル

Question

見出しごとに私は性能が一度だけ問題に直面しています。 ASP.NET MVC5サイトで、Azureにデプロイされています。私たちは数秒で話しています：/

私はこの問題を解決するのに役立つビデオを準備することができます。 ませんJSエラーが悲しげにスローされます：/

はここで完全にローカルに

ライブ働くことを示す画像である、それは最終的に...長くない場合は7/8秒などの後に示します。 コード入ってくる...

$(document).ready(function() { 
 

 
      $("#SerialSearch").autocomplete({ 
 
       autoFocus: true, 
 
       //delay: 0, 
 
       minLength: 2, // minimum length to trigger suggestions 
 
       select: function(e, ui) { // define select handler 
 

 
        //alert(ui.item.value); 
 
        //hitting enter key on selected item works, mouse clicking after 609 on V609xxx will submit 609 sadly 
 
        //With this I override the problem 
 
        $('#SerialSearch').val(ui.item.value); 
 
        //alert('here'); 
 
        $(this).parents('form').submit(); 
 
       }, 
 

 
       source: function (request, response) { 
 
        @*var modelDataJSON = '@Html.Raw(Json.Encode(Model))';*@ 
 
        var check = @Html.Raw(val); 
 
        //var modelDataJSON = JSON.stringify(check); 
 
        $.ajax({ 
 
         url: "/Devices/DeviceSearch", 
 
         type: "POST", 
 
         dataType: "json", 
 
         data: { Prefix: request.term, model: check }, 
 
         success: function (data) { 
 
          //alert('success'); 
 
          response($.map(data, function (item) { 
 
           return { label: item.SerialNumber, value: item.SerialNumber }; 
 
          })) 
 

 
         } 
 
        }) 
 
       } 
 
       //messages: { 
 
       // noResults: "", results: "" 
 
       //} 
 
      }); 
 
     })

CSHTML：

@{ 
 
    ViewBag.Title = "Devices"; 
 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
 
    //var val = Json.Encode(Model); 
 
    //Using viewdata to load in mem entire device list 
 
    var val = Json.Encode(@ViewData["FullDeviceList"]); 
 
} 
 

 
@using (Html.BeginForm(FormMethod.Get)) 
 
{ 
 
    @Html.AntiForgeryToken() 
 
    <div class="form-horizontal"> 
 
    <hr /> 
 
    <div class="form-group"> 
 
     <div class="col-md-12"> 
 
     @Html.EditorFor(model => model.SerialSearch, new { htmlAttributes = new { @class = "form-control" } }) 
 

 
     </div> 
 
    </div> 
 
    </div> 
 
}

Answer 1

まず最初に行うには、問題の原因を決定しています。 オートコンプリートコントロール用のサーバー側ソースがあり、Ajaxコール経由でデータを取得しているとします。ローカル（開発サイト？）では、Ajax呼び出しの待ち時間は最小限に抑えられます。 Azureでは、ホストが遠隔のため、待ち時間が長くなると思います。 （もちろん、あなたの実装を知らない、これは憶測だけです）