Azioni del controller ASP.NET MVC che restituiscono JSON o HTML parziale

Question

Sto provando a creare azioni del controller che restituiranno JSON o html parziale in base a un parametro. Qual è il modo migliore per ottenere il risultato restituito a una pagina MVC in modo asincrono?

Answer 1

Nel metodo di azione, restituire Json (oggetto) per restituire JSON alla pagina.

public ActionResult SomeActionMethod() { 
    return Json(new {foo="bar", baz="Blech"}); 
} 

Quindi basta chiamare il metodo di azione utilizzando Ajax. È possibile utilizzare uno dei metodi helper dal ViewPage come

<%= Ajax.ActionLink("SomeActionMethod", new AjaxOptions {OnSuccess="somemethod"}) %> 

SomeMethod sarebbe un metodo JavaScript che valuta quindi l'oggetto JSON restituito.

Se si desidera restituire una stringa semplice, si può semplicemente utilizzare il ContentResult:

public ActionResult SomeActionMethod() { 
    return Content("hello world!"); 
} 

ContentResult di default restituisce un text/plain come contentType.
Questo è sovraccaricabile modo da poter fare:

return Content("<xml>This is poorly formatted xml.</xml>", "text/xml"); 

Answer 2

Un altro bel modo di trattare con i dati JSON utilizza la funzione di JQuery getJSON. È possibile chiamare il

public ActionResult SomeActionMethod(int id) 
{ 
    return Json(new {foo="bar", baz="Blech"}); 
} 

Metodo dal metodo jquery getJSON semplicemente ...

$.getJSON("../SomeActionMethod", { id: someId }, 
    function(data) { 
     alert(data.foo); 
     alert(data.baz); 
    } 
); 

Answer 3

Per rispondere l'altra metà della domanda, è possibile chiamare:

return PartialView("viewname"); 

quando vuoi restituire un codice HTML parziale. Dovrai solo trovare un modo per decidere se la richiesta vuole JSON o HTML, magari in base a una parte/parametro URL.

Answer 4

Penso che dovresti considerare AcceptTypes della richiesta. Lo sto utilizzando nel mio progetto corrente per restituire il tipo di contenuto corretto come segue.

L'azione sul controller può testare come sull'oggetto richiesta

if (Request.AcceptTypes.Contains("text/html")) { 
    return View(); 
} 
else if (Request.AcceptTypes.Contains("application/json")) 
{ 
    return Json(new { id=1, value="new" }); 
} 
else if (Request.AcceptTypes.Contains("application/xml") || 
     Request.AcceptTypes.Contains("text/xml")) 
{ 
    // 
} 

È quindi possibile implementare l'aspx della vista per soddisfare il caso di risposta xhtml parziale.

Poi in jQuery si può prenderlo passando il parametro tipo JSON:

$.get(url, null, function(data, textStatus) { 
     console.log('got %o with status %s', data, textStatus); 
     }, "json"); // or xml, html, script, json, jsonp or text 

Spero che questo aiuti James

Answer 5

Si consiglia di dare un'occhiata a questo articolo molto utile che copre questo bene!

Ho pensato che potrebbe aiutare le persone alla ricerca di una buona soluzione a questo problema.

http://weblogs.asp.net/rashid/archive/2009/04/15/adaptive-rendering-in-asp-net-mvc.aspx

Answer 6

Per le persone che hanno eseguito l'aggiornamento a MVC 3: ecco un modo pulito Using MVC3 and Json

Answer 7

soluzione alternativa con incoding framework

ritorno Azione JSON

controller

[HttpGet] 
    public ActionResult SomeActionMethod() 
    { 
     return IncJson(new SomeVm(){Id = 1,Name ="Inc"}); 
    } 

pagina Razor

@using (var template = Html.Incoding().ScriptTemplate<SomeVm>("tmplId")) 
{ 
    using (var each = template.ForEach()) 
    { 
     <span> Id: @each.For(r=>r.Id) Name: @each.For(r=>r.Name)</span> 
    } 
} 

@(Html.When(JqueryBind.InitIncoding) 
    .Do() 
    .AjaxGet(Url.Action("SomeActionMethod","SomeContoller")) 
    .OnSuccess(dsl => dsl.Self().Core() 
           .Insert 
           .WithTemplate(Selector.Jquery.Id("tmplId")) 
           .Html()) 
    .AsHtmlAttributes() 
    .ToDiv()) 

ritorno Azione html

controller

[HttpGet] 
    public ActionResult SomeActionMethod() 
    { 
     return IncView(); 
    } 

pagina Razor

@(Html.When(JqueryBind.InitIncoding) 
    .Do() 
    .AjaxGet(Url.Action("SomeActionMethod","SomeContoller")) 
    .OnSuccess(dsl => dsl.Self().Core().Insert.Html()) 
    .AsHtmlAttributes() 
    .ToDiv()) 

Answer 8

Ho trovato un paio di problemi nell'implementare MVC ajax. Le chiamate GET con JQuery mi hanno causato grattacapi in modo da condividere le soluzioni qui.

1. Assicurarsi di includere il tipo di dati "json" nella chiamata ajax. Questo analizzerà automaticamente l'oggetto JSON restituito per te (dato che il server restituisce un json valido).
2. Include JsonRequestBehavior.AllowGet; senza questo MVC restituiva un errore HTTP 500 (con dataType: json specificato sul client).
3. Aggiungi cache: false alla chiamata $ .ajax, altrimenti alla fine otterrai risposte HTTP 304 (anziché risposte HTTP 200) e il server non elaborerà la richiesta.
4. Infine, il json fa distinzione tra maiuscole e minuscole, quindi l'involucro degli elementi deve corrispondere sul lato server e sul lato client.

JQuery Esempio:

$.ajax({ 
    type: 'get', 
    dataType: 'json', 
    cache: false, 
    url: '/MyController/MyMethod', 
    data: { keyid: 1, newval: 10 }, 
    success: function (response, textStatus, jqXHR) { 
    alert(parseInt(response.oldval) + ' changed to ' + newval);          
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
    alert('Error - ' + errorThrown); 
    } 
}); 

Esempio codice MVC:

[HttpGet] 
public ActionResult MyMethod(int keyid, int newval) 
{ 
    var oldval = 0; 

    using (var db = new MyContext()) 
    { 
    var dbRecord = db.MyTable.Where(t => t.keyid == keyid).FirstOrDefault(); 

    if (dbRecord != null) 
    { 
     oldval = dbRecord.TheValue; 
     dbRecord.TheValue = newval; 
     db.SaveChanges(); 
    } 
    } 

    return Json(new { success = true, oldval = oldval}, 
       JsonRequestBehavior.AllowGet); 
} 

Answer 9

PartialViewResult e JSONReuslt ereditare dalla classe base ActionResult. quindi se il tipo di ritorno è deciso dinamicamente, dichiara l'output del metodo come ActionResult.

public ActionResult DynamicReturnType(string parameter) 
     { 
      if (parameter == "JSON") 
       return Json("<JSON>", JsonRequestBehavior.AllowGet); 
      else if (parameter == "PartialView") 
       return PartialView("<ViewName>"); 
      else 
       return null; 


     } 

Answer 10

public ActionResult GetExcelColumn() 
    {    
      List<string> lstAppendColumn = new List<string>(); 
      lstAppendColumn.Add("First"); 
      lstAppendColumn.Add("Second"); 
      lstAppendColumn.Add("Third"); 
    return Json(new { lstAppendColumn = lstAppendColumn, Status = "Success" }, JsonRequestBehavior.AllowGet); 
      } 
     }