Llamadas AJAX a controladores en ASP.NET MVC

Cuando se trabaja con ASP.NET MVC, las llamadas AJAX le permiten enviar datos a y recibir datos de un servidor sin recargar toda la página. Aquí hay una explicación detallada de cómo realizar una llamada AJAX simple a un controlador:

Desglose del código

Controlador:

El controlador contiene el método FirstAjax, que devuelve datos JSON (en este caso, la cadena "chamara").

Ver:

• El HTML incluye JavaScript que utiliza jQuery para realizar una llamada AJAX POST al método FirstAjax.
• La función SuccessFunc maneja respuestas exitosas del controlador.

Problema

Inicialmente, la llamada AJAX no activaba una alerta porque el atributo de datos no se eliminó. El controlador no esperaba ningún parámetro, por lo que eliminar los datos resolvió el problema.

Controlador modificado

En el controlador actualizado, se agregaron dos métodos FirstAjax para demostrar ambos GET y escenarios POST. POST requiere un parámetro, pero no se utiliza en este ejemplo.

Llamada AJAX de trabajo

La llamada AJAX de trabajo final utiliza la sintaxis de Razor para generar dinámicamente la URL y elimina el atributo de datos innecesarios:

$.ajax({
    type: "POST",
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});