Question

嘿我想在asp.net上使用一个在default1.aspx页面上使用的控件上的自动完成jquery。我的控件是searchinput.ascx，它位于Registration文件夹中。我的问题是我在searchinput控件的代码文件上写了web方法（getmylist）。但是这种方法从未被调用过。任何人都可以帮助我

Answer 1

Jquery website

你可以在那里找到你需要的扫管笏。此外，显示您的ajax呼叫，以便我可以尝试帮助它不起作用。您编写Web方法并从jquery自动完成调用ajax调用的方法应该可以正常工作。

Answer 2

没有代码很难帮助你，但一些常见的原因可能是：

您没有正确使用ClientID值 - asp.net控件在实际标记中没有与设计器中相同的ID
您的网络方法有错误 - 您应该按f12打开您的网站开发人员工具栏并转到NET标签（至少在Firefox中）以查看是否返回了500错误代码或类似信息

Answer 3

创建如下所示的网络方法：

 [WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string[] GetPatientFirstName(string prefix)
{
    List<string> customers = new List<string>();
    using (SqlConnection conn = new SqlConnection())
    {
        string connectionstring = CCMMUtility.GetCacheForWholeApplication();
        conn.ConnectionString = connectionstring;
        using (SqlCommand cmd = new SqlCommand())
        {
            cmd.CommandText = "select distinct top(10) PatientFirstname from tblMessage where  " +
            "PatientFirstname  like '%'+ @SearchText + '%' order by PatientFirstname";
            cmd.Parameters.AddWithValue("@SearchText", prefix);
            cmd.Connection = conn;
            conn.Open();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    customers.Add(string.Format("{0}", sdr["PatientFirstname"]));
                }
            }
            conn.Close();
        }
        return customers.ToArray();
    }
}

这是html代码：

   $(document).ready(function () {
        $('[ID$=txtPatientFirstname]').live('keyup.autocomplete', function () {

            $(this).autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '<%=ResolveUrl("~/Resources/WebService.asmx/GetPatientFirstName") %>',
                        data: "{ 'prefix': '" + request.term + "'}",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.split('-')[0],
                                    val: item.split('-')[1]
                                }
                            }))
                        },
                        error: function (response) {
                            alert(response.responseText);
                        },
                        failure: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {
                },
                minLength: 1
            });
        });
});

这是工作的例子......希望这会解决你的问题..

在asp.net控件上自动完成

3 个答案: