Ejemplo Basico con Ajax

Primero que todo lo que debemos hacer es descargar la libreria de ajax Descargar.

Seguido de Esto adicionamos la Referencia a nuestro proyecto web :



Creamos un WebForm llamado Default.aspx.
Una vez hecho esto adicionamos un boton de tipo Html, luego nos pasamos al html y creamos un tag Div y le colocamos como Id Contenido, despues adicionamos una funcion javascript de la siguiente manera:


function HelloWorld_CallBack(response)
{
if (response.error==null)
document.getElementById("Contenido").innerHTML=response.value;
}


Esta Funcion tiene el nombre de la funcion que se crea del lado del servidor pero colacandole _CallBack.

En el Evento Onclick del boton colocamos lo siguiente :
onclick="_Default.HelloWorld(HelloWorld_CallBack);"

Nos pasamos al codigo y en el evento Page_Load colocamos lo siguiente

protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));

}

Luego creamos una funcion para que me devuelva el texto , pero se le antepone el atributo de ajax con el fin que el codigo del cliente identifique la Funcion

[Ajax.AjaxMethod]
public string
HelloWorld()
{
return "Hello";
}

Teniendo esto ya podemos ejecutar nuestra pagina.

Espero les Sirva.

NightWish