mvc - ¿Cómo podemos integrar el autocompletado de jquery usando asp.net, webservie y la base de datos sql?

llamado ajax asp net

Question

hola, intento implementar el código proporcionado para "jQuery Autocomplete y ASP.NET" pero no puedo integrarlo porque está utilizando una base de datos subsónica para consultar, así que puede decirme cómo consultar la base de datos sql y vincular el resultado de la consulta al complemento del servicio web en asp.net usando C #. por favor es urgente.

Answer 1

No domino asp.net, pero fundamentalmente como la mayoría de las preguntas de codificación web, esto implica dividir su problema en otros más pequeños.

Desde una perspectiva arquitectónica, sus componentes pueden incluir los siguientes ...

• una capa de servicio que potencialmente utiliza su db etc. para responder o producir un resultado para su consulta.
• un componente web o punto de entrada de servicio que utiliza el servicio completo mencionado anteriormente para devolver los datos en un formato que el navegador puede comprender fácilmente, por ejemplo, JSON.
• algunos javascript que usan jquery que invoca el punto final definen en el punto inmediato anterior.
• escribir pruebas de unidad para todos los componentes anteriores; no olvide probar los casos de falla porque, como todos sabemos, el software a veces falla ...

Answer 2

Esta es una tarea bastante fácil, la trampa es que el extensor de autocompletar jQuery espera una matriz de valores. Aquí hay un ejemplo de cómo analizo los resultados XML estándar de un servicio web ASMX para usar con el extensor de autocompletar jQuery.

Como a ASP.NET le gusta reescribir sus ID, puede pasar el ClientID para obtener el ID dinámico.

    $("#<%= TextBox1.ClientID %>").autocomplete("/Demo/WebSvc.asmx/SuggestCustomers", {
        parse: function(data) {
            var parsed = [];

            $(data).find("string").each(function() {
                parsed[parsed.length] = {
                    data: [$(this).text()],
                    value: $(this).text(),
                    result: [$(this).text()]
                };
            });
            return parsed;
        },
        dataType: "xml"
    });

Así es como se vería el servicio web asociado, recuerde descomentar el atributo [ScriptService] en el servicio web:

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]
public class WebSvc: WebService
{
    [WebMethod]
    public string[] SuggestedCustomers(string q)
    {
        // Do Query

        // Add items into string array
        List<string> items = new List<string>();
        while (dr.Read())
        {
            items.Add(dr[0].ToString());
        }

        // Return array
        return items.ToArray();
    }

}