Richtige Möglichkeit zum Laden von partiellen ASP.NET MVC-Ansichten mit AJAX?

Question

Hey alle. Okay, hier ist die Situation. Ich möchte in der Lage sein, eine Reihe ähnlicher Teilansichten auf eine übergeordnete Seite zu laden; ähnlich wie in Artikel this Artikel (Simulation AJAX-Panels).

In dem Artikel scheint es zu funktionieren, da es die entsprechende Aktionsmethode asynchron auf dem Controller aufruft. Aber die Methode, die er benutzt, sieht bestenfalls wie ein Hack aus und scheint nicht sehr elegant zu sein. Ein kurzer Überblick darüber, was passiert ist:

Dies wäre ein unabhängiges Widget, das asynchron lädt.

<% using (Ajax.Form("ReportOne", null, 
     new AjaxOptions { UpdateTargetId = "resultOne" }, 
     new { id="reportFormOne" })) { } %> 

<script type="text/javascript"> 
    $get("reportFormOne").onsubmit(); 
</script> 

Die entsprechende Ausgabe des Formulars würde:

<form action="/Home/ReportOne/reportFormOne" onsubmit="Sys.Mvc.AsyncForm.handleSubmit(this, { insertionMode: 0, updateTargetId: 'resultDiv' }); return false;"> 

    <!-- Your form elements here... --> 

</form> 

Wie ich bereits erwähnt hatte, dies scheint nicht wie eine wirklich elegante Art und Weise zu Erreichung dieses Ziel zu gehen, aber ich habe habe versucht, eine Alternative dafür zu finden (mit jQuery oder anderen Mitteln), und war dabei nicht erfolgreich.

Answer 1

jQuery-Lösung: lädt den HTML-Code aus der Aktion, nachdem das Laden der Seite abgeschlossen ist.

<script type='text/javascript'> 
$(function() { 
    $.load('<%= Url.Action("ReportOne", "Home", new { id = "reportFormOne" }) %>', null, function(response,status,xhr) { 
     $('#partialView').html(reponse); 
    }); 
}); 
</script> 

... 

<div id='partialView'> 
</div>