I have a textbox on my front end, which I am trying to implement an auto suggestion based on what a sql query brings back. I am using the jquery libraries and imported them into my solution. When I go ahead and run this, it hits the "no match error" although I type in a letter in the search box. Am I missing something in my code?
aspx code below:
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
SearchText();
});
function SearchText() {
$("#SearchBox").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CompanyPage.aspx/GetCompanyName",
data: "{'cmpName':'" + document.getElementById('SearchBox').value + "'}",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert("No Match");
}
});
}
});
}
</script>
<asp:TextBox ID="SearchBox" placeholder="Enter company name to search on" runat="server" Width="322px" Height="16px" style="margin-left: 22px; margin-top: 0px" OnTextChanged="SearchBox_TextChanged"></asp:TextBox>
aspx.cs code:
[WebMethod]
public static List<string> GetCompanyName(string cmpName)
{
List<string> cmpResult = new List<string>();
string connectionString = ConfigurationManager.ConnectionStrings["DBConnection"].ConnectionString;
SqlConnection cn = new SqlConnection(connectionString);
using (SqlCommand cmd = new SqlCommand("[searchCompanyName]", cn))
{
cmd.Connection = cn;
cn.Open();
cmd.Parameters.AddWithValue("@CompanyName", cmpName);
SqlDataReader dr = cmd.ExecuteReader();
while (dr.Read())
{
cmpResult.Add(dr["CompanyName"].ToString());
}
cn.Close();
return cmpResult;
}
}
SQL stored proc:
ALTER PROCEDURE [dbo].[searchCompanyName]
@CompanyName varchar(50)
AS
BEGIN
SET NOCOUNT ON;
SELECT CompanyName FROM Company
WHERE CompanyName like @CompanyName + '%'
END
ajax:
$(document).ready(function () {
SearchText();
});
function SearchText() {
$(".autosuggest").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CompanyPage.aspx/GetCompanyData",
data: "{'companyname':'" + document.getElementById('SearchBox').value + "'}",
dataType: "json",
success: function (data) {
if (data != null) {
response(data.d);
}
},
error: function (result) {
alert("Error");
}
});
}
});
}
ajax.cs
[WebMethod]
public static List<string> GetCompanyData(string companyname)
{
List<string> result = new List<string>();
string connectionString = ConfigurationManager.ConnectionStrings["DBConnection"].ConnectionString;
SqlConnection con = new SqlConnection(connectionString);
SqlCommand cmd = new SqlCommand("[searchCompanyName]", con);
cmd.CommandType = CommandType.StoredProcedure;
con.Open();
cmd.Parameters.AddWithValue("@companyname", companyname);
SqlDataReader dr = cmd.ExecuteReader();
while (dr.Read())
{
result.Add(dr["companyname"].ToString());
}
return result;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.