Galera, estou tentando usar autocomplete do JQuery no C# a partir de um método que me trás uma lista de clientes do banco de dados (o banco de dados é o do NorthWind disponibilizado pela Microsoft), porém estou obtendo um erro que eu não consigo resolver fazem horas.
Abaixo o código no back end e também no front end:
[WebMethod]
public List<Customer> GetAll(string nome)
{
SqlConnection connection;
SqlCommand command;
List<Customer> customersList = new List<Customer>();
SqlDataReader dataReader;
connection = new SqlConnection();
connection.ConnectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;
command = new SqlCommand();
command.Connection = connection;
command.CommandText = "SELECT * FROM Customers WHERE ContactName LIKE @nome";
command.Parameters.AddWithValue("@nome", "%" + nome + "%");
command.CommandType = CommandType.Text;
try
{
connection.Open();
dataReader = command.ExecuteReader();
while (dataReader.Read())
{
Customer customer = new Customer();
customer.CustermerID = dataReader["CustomerID"].ToString();
customer.Name = dataReader["ContactName"].ToString();
customersList.Add(customer);
}
return customersList;
}
catch (Exception)
{
throw;
}
finally
{
if (connection.State != ConnectionState.Closed)
{
connection.Close();
}
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Teste.aspx.cs" Inherits="JQueryAutocomplete.Teste" %>
<link type="text/css" href="Content/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
SearchText();
});
function SearchText() {
$("#nomeTextBox").autocomplete({
source: function(request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Teste.aspx/GetAll",
data: "{'nome':'" + document.getElementById('nomeTextBox').value + "'}",
dataType: "json",
success: function(data) {
response(data.d);
},
error: function(result) {
alert("No Match");
}
});
}
});
}
</script>
Nome:
trow
pegue o texto da exceção dentro docatch
e mostre para nós para que tenhamos uma ideia mais detalhada do que está acontecendo.