How to make jquery autocomplete works from usercontrol using

I have jQuery to pull the autocomplete record as I type in the textbox, this data is being fetched using webservice. Now, everything works fine while using in Default.aspx page, but when I use this process from UserControl.ascx and call it in the default.aspx page then it doesn't return the autocomplete data (result).

WebService.asmx code:

[WebMethod]
public List<string> GetAutoCompleteData(string username)
{
string conString = ConfigurationManager.ConnectionStrings["MYCONNECTION"].ConnectionString;
List<string> result = new List<string>();
using (SqlConnection con = new SqlConnection(conString))
{
using (SqlCommand cmd = new SqlCommand("select DISTINCT SSName from SSRecord where SSName LIKE '%'+@SearchText+'%'", con))
{
con.Open();
cmd.Parameters.AddWithValue("@SearchText", username);
SqlDataReader dr = cmd.ExecuteReader();
while (dr.Read())
{
result.Add(dr["SSName "].ToString());
}
return result;
}
}
}

UserControl.ascx code:

"jquery-1.11.2.js" type="text/javascript">
"jquery-ui.css" rel="stylesheet" />
"jquery-ui.js" type="text/javascript">
"text/javascript">
$(document).ready(function () {
SearchText();
});
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/GetAutoCompleteData",
data: "{'username':'" + document.getElementById('txtSearch').value + "'}",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert("Error");
}
});
}
});
}
for="tbAuto">Enter UserName:
"txtSearch" runat="server" class="autosuggest">
Default.aspx code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Src="~/UserControl.ascx" TagPrefix="uc1" TagName="UserControl" %>
"form1" runat="server">
"server" ID="UserControl"/>

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jignesh Kumar6y ago
Accepted answer
Hi Dharam Rai,

I think you are missing couple off things in web method. You need to add after

[WebMethod]

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

Please check this link which will help you,

https://www.aspsnippets.com/Articles/Implement-jQuery-Autocomplete-using-Web-Service-in-ASP.Net.aspx
Dharam Rai6y ago
@ Jignesh thanks for your response, it helped.
Jignesh Kumar6y ago
Hi,

Please check this one, it has user control,
https://www.aspforums.net/Threads/302131/Implement-jQuery-AutoComplete-inside-ASPNet-UserControl-using-C-and-VBNet/
Dharam Rai6y ago
@Jignesh thanks for the response. Well, my code is running good except it doesn't filter the record as I type in the textbox when I call it from usercontrol.ascx page. Anyway, I'll look into your reference.