Llamar función de C# des de JavaScript con AjaxPro

Des de hace ya algún tiempo, estoy utilizando AjaxPro para agilizar la mayoría de mis procesos. Por si no la conocíais, esta librería ha sido desarrollada por Michael Schwarz conocido MVP de ASP. net.

 

Una de las cosas que más utilizo es llamar métodos de C#/VB.net des de JavaScript. Todos sabemos que JavaScript no sobrecarga el servidor y que es mucho mejor validar datos en cliente que en servidor. En casi todas las aplicaciones que hacemos, debemos hacer validaciones de todo tipo por ejemplo, hacer un campo obligatorio en función de si otro ha sido llenado por el cliente o no y en función de eso ejecutar una sobrecarga de un método del code behind u otro.

 

Pues bien, para hacer esto posible deberíamos ser capaces de llamar a una sobrecarga de un método C# des de nuestro código cliente pero sin tener que volver a sobrecargar la pagina.

 

Antes de nada, deberemos descargarnos la librería AjaxPro.2.dll de AjaxPro. Una vez descargada, creamos un nuevo proyecto Web y nos situamos en el web.config, debemos añadir un manejador para la librería:

 

<httpHandlers>

<add verb=“POST,GET“ path=“ajaxpro/*.ashx“ type=“AjaxPro.AjaxHandlerFactory, AjaxPro.2“/>

</httpHandlers>

 

Tener cuidado ya que <httpHandlers> ya aparece en el web.config, así que únicamente nos interesaría ubicar el <add… dentro de las etiquetas mencionadas.

 

El siguiente paso, es agregar la referencia de AjaxPro.2.dll en nuestro proyecto e indicar su uso en nuestro code behind:

 

using AjaxPro;

 

Para que nos funcione esta librería en nuestro proyecto, en el load de la página, deberemos indicar lo siguiente:

 

protected void Page_Load(object sender, EventArgs e)

{

Utility.RegisterTypeForAjax(typeof(_Default));

}

 

Esta función, es la encargada de preparar la página en la que estamos para que se pueda enlazar el código cliente con el código servidor.

 

Ahora lo que debemos hacer, es crear un método en el code behind de la siguiente forma:

 

[AjaxMethod]

public string MuestraMensaje()

{

return “¡Hola des del servidor!”;

}

 

Como veis, la única diferencia es que se ha puesto un atributo de la librería en el método. Esto nos indica que este método podrá ser llamado des de JavaScript. Ahora des del código de cliente, crearemos lo siguiente:

 

<script type=”text/javascript”>

        function muestraTexto()

        {

            _Default.MuestraMensaje(muestraTexto_callback);

        }

 

        function muestraTexto_callback(txt)

        {

            alert(txt.value);

        }

</script>

 

Esto nos hace una llamada a nuestro método, ya que lo tiene implementado la propia librería usando objetos MSXML. Se tiene que plantear de la forma siguiente, un método que es el llamante al cuál se le pasa el método de respuesta; el método de respuesta recibe el objeto que ha devuelto el método de code behind y  allí podremos trabajar con el valor devuelto.

 

Este es un ejemplo de un método que nos devuelve un texto y queremos trabajar con él, pero no necesariamente debe ser así ya que podemos llamar al método de C# sin recibir nada, con o sin parámetros.

 

Por ejemplo, podríamos recoger los datos de un formulario, validarlos y si es correcto llamar a un método de C# que recibe los valores necesarios y que nos guarde la información en la base de datos. Opcionalmente, nos podría devolver un mensaje de texto que le mostraríamos al usuario para informar de si todo ha ido correctamente o no. Nos da bastante libertad en el momento de trabajar.

 

Por el momento, os dejo esto J! Más adelante más cosas!

 

Go…play!!!