jQuery UI自动完成功能不显示通过AJAX提取的结果

如何解决jQuery UI自动完成功能不显示通过AJAX提取的结果

| 我正在尝试在Web应用程序中使用jQuery UI自动完成功能。我设置的是一个名为SearchPreload.aspx的页面。此页面检查要与另一个参数一起输入的值（项）。该页面会验证传入的值，然后从数据库中提取一些数据并在页面上打印出一个javascript数组（例如：:0ѭ）。码：

protected void Page_Load(object sender,EventArgs e)
{
    string curVal;
    string type =\"\";
    if (Request.QueryString[\"term\"] != null)
    {
        curVal = Request.QueryString[\"term\"].ToString();
        curVal = curVal.ToLower();
        if (Request.QueryString[\"Type\"] != null)
            type = Request.QueryString[\"Type\"].ToString();
        SwitchType(type,curVal);
    }
}
public string PreLoadStrings(List<string> PreLoadValues,string curVal)
{
    StringBuilder sb = new StringBuilder();
    if (PreLoadValues.Any())
    {
        sb.Append(\"[\\\"\");
        foreach (string str in PreLoadValues)
        {
            if (!string.IsNullOrEmpty(str))
            {
                if (str.ToLower().Contains(curVal))
                    sb.Append(str).Append(\"\\\",\\\"\");
            }
        }
        sb.Append(\"\\\"];\");
        Response.Write(sb.ToString());
        return sb.ToString();
    }
}

如果我通过浏览器导航到db部分，则该部分工作正常，并在页面的屏幕上打印出了正确的数据。 jQuery ui自动完成编写如下：

$(\".searchBox\").autocomplete({
    source: \"SearchPreload.aspx?Type=rbChoice\",minLength: 1
});

现在，如果我的理解是正确的，那么每次我在搜索框中键入内容时，它都应充当按键并触发我的源文件以限制数据正确吗？当我通过后面的SearchPreload.aspx代码中的调试语句时，似乎根本没有找到该页面。 如果我将自动完成功能包装在.keypress函数中，则进入搜索预加载页面，但仍然没有任何结果。我只想在搜索框下显示结果，就像jQuery网站上的默认功能示例一样。我究竟做错了什么？     

解决方法

如果服务器返回的JSON无效，则自动完成功能不会显示建议。因此，复制以下URL（或返回的JSON数据）并将其粘贴到JSONLint上。查看您的JSON是否有效。

http://yourwebsite.com/path/to/Searchpreload.aspx?Type=rbChoice&term=Something

PS：我看不到您正在调用

PreLoadStrings

函数。我希望这是正常的。     ,需要检查的几件事。 确保页面路径正确。如果您位于http://mysite.com/subfolder/PageWithAutoComplete.aspx，并且您的searchpreload.aspx页位于另一个目录（例如http://mysite.com/anotherFolder/searchpreload.aspx）中，则该URL用作来源不正确，需要是 来源：\“ / anotherFolder / Searchpreload.aspx？Type = rbChoice \” 您可以尝试做的另一件事是使您要在searchpreload.aspx页面上调用页面方法的方法。通常，在使用javascript时，我会尝试使用页面方法来处理ajax请求并发送回其数据。可以在这里找到更多页面方法：http://www.singingeels.com/Articles/Using_Page_Methods_in_ASPNET_AJAX.aspx HTH。