laden ein Usercontrol mit Jquery

Question

Wie laden / render ein Usercontrol mit jquery?

Ich habe einige Menüs auf Header der Seite und die Benutzersteuerelemente für jedes Menü. Bei Klick auf die Menüs muss ich den Inhalt mit dem entsprechenden Usercontrol erneut geladen werden.

Wie kann ich es erreichen, mit Jquery, die Aktualisierung der Seite vermeidet?

Answer 1

In JavaScript:

$("#someContainerForTheUserControl").load("/Controller/PartialAction");

In Ihrem Controller:

public ActionResult PartialAction()
{
    return PartialView("SomeUserControl");
}

Answer 2

Sie mögen die jQuery AJAX-Funktionen verwenden (entweder POST oder GET) eine Anfrage an den Server zu machen.

Sie haben eine Methode in Ihrem Code haben, hinter denen die HTML-Code der Usercontrol zurückgibt. Wenn die Seite der HTML-recieves aktualisieren Sie können nur ein div mit dem zurückgegebenen Markup.

Es gibt ein Tutorial hier, die Sie durch die einzelnen Schritte im Detail sprechen sollte:

http: //www.aspcode .net / ASPNET-and-JQuery-Aktualisierung-Templat-Kontrollen-mit-AJAH.aspx

Viel Glück