在C#ASP .NET中使用带有Ajax方法的JQuery自动完成

时间:2019-03-25 17:40:34

标签: c# asp.net ajax autocomplete

我在我的文本框中(在Popup-Container中)添加了来自ajax的自动完成方法。使用ascx.cs文件及以下代码中的WebMethod使用SQL编写的数据没有错误/异常,但仍未得到输出。我也尝试过AutoCompleteExtender,但这也无法返回任何结果(主要是未调用GetCompletionList方法)。

在EditUserSheet.ascx

$("#txtStudName").autocomplete({
        source: function (request, response)
        {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "EditUserSheet.ascx/GetCompletionList",
                data: "{'stdName':'" + document.getElementById('txtStudName').value + "'}",
                dataType: "json",
                success: function (data)
                {
                    response(data.d);
                },
                error: function (result)
                {
                    alert("No Match");
                }
            });
        }
});

和TextBox ID = txtStudName

在EditUserSheet.ascx.cs

[System.Web.Script.Services.ScriptMethod()]
[System.Web.Services.WebMethod]
public static List<string> GetCompletionList(string stdName)
{
    using (SqlConnection sqlconn = new SqlConnection("Data Source=AlexaDB;Initial Catalog=Students;User ID=***;Password=***"))
    {
        List<string> StudentNames = new List<string>();

        try
        {
            sqlconn.Open();
            SqlCommand cmd = new SqlCommand("USP_SearchUserName", sqlconn);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@term", stdName);

            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataTable dt = new DataTable();
            da.Fill(dt);

            for (int i = 0; i < dt.Rows.Count; i++)
            {
                StudentNames.Add(dt.Rows[i]["FirstName"].ToString());
            }

            sqlconn.Close();
            return StudentNames;
        }
        catch (SqlException ex)
        {
            LoggingHandler.WriteLog(ex, TraceEventType.Error);
        }
        return StudentNames;
    }
}

我的文本框中什么也没有显示。实际上,我希望当我开始在文本框中输入内容时,它想要检索与此相关的数据列表。

0 个答案:

没有答案