为什么这个AJAX调用需要这么长时间?

问题描述:

这通常需要2-4秒,对于正在进行的工作来说似乎太长了。 这里是AJAX:为什么这个AJAX调用需要这么长时间?

$("#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) { } 
    }); 

而这里是Web API控制器:

[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个字符。

有没有人有任何想法,在这个问题可能需要这么久?

编辑:这是我的Global.asax.cs页面,如果是有帮助的:

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

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

这里是我的RouteConfig:

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 } 
     ); 
    } 
} 
+0

把一个分析器放在你的数据库中,并检查你的Sql执行 – benPearce 2012-08-13 01:06:26

+0

IngredientSearch是一个耗时过长? – rikitikitik 2012-08-13 01:16:10

+0

@benPearce我在IngredientSearch函数的开始和结束处设置了一个秒表,它在30-100ms之间,大部分时间接近40ms,所以我认为问题不在于该函数。 – Kyle 2012-08-13 01:25:05

你已经确定什么是慢了吗?

例如;在IngredientSearch方法,如果你从

[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); 
} 

更改代码以

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

是否仍需要很长的时间?

如果是这样;那么我们必须看一个脚本库问题;如果不是的话 - 那么它就是你的数据库层出错。

这样的错误往往是一个痛苦追查,所以你必须忘记了假设和测试的东西一点一点。 上述变化消除了很多问题,只需很少的努力就可以给你一个很大的线索。 PS:对不起,我知道这不是一个答案,因为这样;我不知道这是不是答案。但我想将它张贴为一个,这样我就可以清楚地突出显示代码更改;请不要投票!

+0

我知道上面的更改可能会导致Javascript出现问题,但我们只是通过这样做来确定问题实际上是;由此造成的Javascript错误是一种红鲱鱼。 – 2012-08-13 01:52:54

+0

按照你的意见,我已经能够追查到这个问题。在序列化到JSON的过程中需要很长时间,因为我不知道,它不仅仅是获取并序列化我想要的'成分',而是每张表中与它相关的所有内容,包括图片。回顾一下它是有道理的,并且解释了我的困惑,我计算了获得结果需要多长时间,并且非常快速,但是在返回之前将其序列化并不包括在秒表时间中。 谢谢你的帮助。 – Kyle 2012-08-13 02:32:13

+0

只是重写了它,使对象的列表中有名称和我需要的ID,而没有包含在结果中的其余部分,并且它几乎是即时的。 谢谢! – Kyle 2012-08-13 02:40:05