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

Question

这通常需要 2-4 秒，这对于它正在做的工作来说似乎太长了。 这是 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 }
        );
    }
}

Answer 1

您是否准确地确定了什么是缓慢的？

例如；在您的 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：对不起，我知道这不是一个答案；但我想将它作为一个发布，以便我可以清楚地突出代码更改；请不要投反对票！