Obteniendo JSonResult de ASP's Ajax.ActionLink

Question

¿Cómo obtengo el JSON de un método de controlador usando Ajax.ActionLink? Intenté buscar en el sitio web, pero lo más parecido que obtuve fue ASP.NET MVC controller actions that return JSON or partial html

Y la "mejor respuesta" en realidad no te dice cómo obtener JSON del SomeActionMethod en ajax.actionlink.

Answer 1

Personalmente no me gustan los ayudantes Ajax.*. En ASP.NET MVC < 3 contaminan mi HTML con javascript y en ASP.NET MVC 3 contaminan mi HTML con HTML 5 data-* atributos que son totalmente redundantes (como la url de un anclaje). Además, no analizan automáticamente los objetos JSON en las devoluciones de llamada exitosas, de lo que se trata su pregunta.

Yo uso normal Html.* ayudantes, así:

@Html.ActionLink(
    "click me",   // linkText 
    "SomeAction",   // action 
    "SomeController",  // controller 
    null,     // routeValues 
    new { id = "mylink" } // htmlAttributes 
) 

que obviamente generar normales HTML:

<a href="/SomeController/SomeAction" id="mylink">click me</a> 

y que yo discretamente AJAXify en archivos JavaScript distinto:

$(function() { 
    $('#mylink').click(function() { 
     $.post(this.href, function(json) { 
      // TODO: Do something with the JSON object 
      // returned the your controller action 
      alert(json.someProperty); 
     }); 
     return false; 
    }); 
}); 

Suponiendo que siguiente acción del controlador:

[HttpPost] 
public ActionResult SomeAction() 
{ 
    return Json(new { someProperty = "Hello World" }); 
} 

---

ACTUALIZACIÓN:

como se solicita en la sección de comentarios aquí está cómo hacerlo utilizando los Ajax.* ayudantes (repito una vez más, esto es sólo un ejemplo de cómo esto podría ser logrado y absolutamente no es algo que recomiendo, véase mi respuesta inicial para mi solución recomendada):

@Ajax.ActionLink(
    "click me", 
    "SomeAction", 
    "SomeController", 
    new AjaxOptions { 
     HttpMethod = "POST", 
     OnSuccess = "success" 
    } 
) 

y el interior de la devolución de llamada de éxito:

function success(data) { 
    var json = $.parseJSON(data.responseText); 
    alert(json.someProperty); 
}