为什么这个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 }
);
}
}
你已经确定什么是慢了吗?
例如;在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:对不起,我知道这不是一个答案,因为这样;我不知道这是不是答案。但我想将它张贴为一个,这样我就可以清楚地突出显示代码更改;请不要投票!
我知道上面的更改可能会导致Javascript出现问题,但我们只是通过这样做来确定问题实际上是;由此造成的Javascript错误是一种红鲱鱼。 – 2012-08-13 01:52:54
按照你的意见,我已经能够追查到这个问题。在序列化到JSON的过程中需要很长时间,因为我不知道,它不仅仅是获取并序列化我想要的'成分',而是每张表中与它相关的所有内容,包括图片。回顾一下它是有道理的,并且解释了我的困惑,我计算了获得结果需要多长时间,并且非常快速,但是在返回之前将其序列化并不包括在秒表时间中。 谢谢你的帮助。 – Kyle 2012-08-13 02:32:13
只是重写了它,使对象的列表中有名称和我需要的ID,而没有包含在结果中的其余部分,并且它几乎是即时的。 谢谢! – Kyle 2012-08-13 02:40:05
把一个分析器放在你的数据库中,并检查你的Sql执行 – benPearce 2012-08-13 01:06:26
IngredientSearch是一个耗时过长? – rikitikitik 2012-08-13 01:16:10
@benPearce我在IngredientSearch函数的开始和结束处设置了一个秒表,它在30-100ms之间,大部分时间接近40ms,所以我认为问题不在于该函数。 – Kyle 2012-08-13 01:25:05