왜이 AJAX 호출이 오래 걸리나요?

Question

보통 2 ~ 4 초가 걸리며 작업하는 데 너무 오래 걸리는 것처럼 보입니다.

$("#IngTable").html("<center><img src=../img/loading.gif /></center>"); 

    var search = document.getElementById("IngSearch").value; 
    var apiLink = "/API/Ingredient/Search?search=" + search; 
    $.ajaxSetup({ accepts: "application/json" }); 
    $.ajax({ 
     url: apiLink, 
     type: "GET", 
     success: function(data) { 
      var ingredients = JSON.parse(data); 
      var htmlIngred = ""; 
      for (var i = 0; i < ingredients.length; i++) { 
       htmlIngred += "<tbody><td><span>" + ingredients[i].Name + "</span></td><td><a class='btn btn-success btn-mini' onclick='addIngred(" + ingredients[i].IngredientId + ");'>Add</a></td></tbody>"; 
      } 
      document.getElementById("IngTable").innerHTML = htmlIngred; 
     }, 
     error: function (a, b, c) { } 
    }); 

그리고 여기에 웹 API 컨트롤러 : 다음은 AJAX입니다

이

[HttpGet] 
    public string IngredientSearch(string search) 
    { 
     var sw = Stopwatch.StartNew(); 
     var db = new Glubee.Model.GlubeeEntities(); 
     var results = db.Ingredients.Where(x => x.Name.Contains(search)).ToArray(); 
     sw.Stop(); 
     return JsonConvert.SerializeObject(results); 
    } 

성분 표에서 16 일이 각각 긴에는 20 개 이상의 문자를 인하지 있습니다.

문제가 너무 오래 걸릴 수있는 사람이 있습니까?

편집 : 정확히 아직 느린 무엇

public class RouteConfig 
{ 
    public static void RegisterRoutes(RouteCollection routes) 
    { 
     routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 

     routes.MapHttpRoute(
      name: "DefaultApi", 
      routeTemplate: "api/{controller}/{id}", 
      defaults: new { id = RouteParameter.Optional } 
     ); 

     routes.MapRoute(
      name: "Default", 
      url: "{controller}/{action}/{id}", 
      defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
     ); 
    } 
} 

Answer 1

당신이 식별 한 : 그것은 도움이 될 것입니다 경우 여기 내 Global.asax.cs 페이지는 다음과 같습니다 내 RouteConfig 여기

public class MvcApplication : System.Web.HttpApplication 
{ 
    protected void Application_Start() 
    { 
     AreaRegistration.RegisterAllAreas(); 

     FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 
     RouteConfig.RegisterRoutes(RouteTable.Routes); 
     BundleConfig.RegisterBundles(BundleTable.Bundles); 
    } 

그리고 무엇입니까?

예 : 당신의 IngredientSearch 방법으로, 경우에 당신은 아직 시간이 오래 걸릴 않습니다

[HttpGet] 
public string IngredientSearch(string search) 
{ 
    return String.Empty; 
} 

에

[HttpGet] 
public string IngredientSearch(string search) 
{ 
    var sw = Stopwatch.StartNew(); 
    var db = new Glubee.Model.GlubeeEntities(); 
    var results = db.Ingredients.Where(x => x.Name.Contains(search)).ToArray(); 
    sw.Stop(); 
    return JsonConvert.SerializeObject(results); 
} 

의 코드를 변경?

만약 그렇다면; 스크립트 라이브러리 문제를 살펴 보겠습니다. 그렇지 않다면 그것은 잘못 된 DB 레이어입니다.

이와 같은 버그는 흔히 추적하기가 힘들 기 때문에 은을 잊어 버리고 비트별로 문제를 테스트해야합니다. 위와 같은 변경으로 인해 많은 문제가 제거되었으므로 약간의 노력만으로 큰 단서를 얻을 수 있습니다.

추신 : 죄송합니다.이 답변이 아닙니다. 하지만 코드 변경을 명확하게 강조 할 수 있도록 게시하고 싶습니다. 제발 투표하지 마세요!