Wie bekomme ich Daten von ASP.NET MVC-controller zu jQuery dynamisch?

Habe ich eine jQuery-Funktion, die auf den Klick auf ein div-element bekommt, dass Elemente vordefinierten ID-Wert. Was ich will zu tun ist, laden Sie, dass übergeordnete Elemente Kinder, also ich bin Planung, um dynamisch erstellen Sie einige html mit jQuery. Was ich nicht weiß, wie zu tun, ist machen Sie einen Anruf an eine Steuerung (ASP.NET MVC-3) und habe den controller zurückgeben einer Auflistung an den client.

Ich weiß wie Sie ein JSON-Objekt von jQuery an einen controller, aber nicht die andere Weise herum.

Vielen Dank im Voraus!

InformationsquelleAutor Citrus | 2012-11-02
  1. 18

    Hier ist der code für das senden von Daten vom Controller zum json:

     $.ajax({
    url: '@Url.Action("GetData", "Home")',
    type: "GET",
    success: function (result) {
        $("#somediv").append(result.FirstName);
        $("#somediv").append(result.LastName);
        $("#somediv").append(result.Age);
    }
});

    Betrachten Sie eine Klasse wie die unten....

     public class User
 {
     public string FirstName { get; set; }
     public string LastName { get; set; }
 }

    Ihrer Aktion sollte so Aussehen.

    public JsonResult GetData()  
{
   User user = new User();
   user.FirstName = "Yasser";
   user.LastName = "Shaikh";
   user.Age = 100;

   return Json(user, JsonRequestBehavior.AllowGet);
}

    Weiter Lesen

    • Alle gute Antworten, schwer sich für eine zu entscheiden, da eine Antwort. Abgeholt Yasser ist, als die weiter Lesen link war besonders hilfreich, aber alle haben mich auf die richtige Richtung. Danke Euch allen
    • Was ist Heimat in diesem Beispiel?
    • zu Hause ist 'HomeController' es ist nur ein name für den controller.
    InformationsquelleAutor Yasser
  2. 3

    Beispiel:

    Javascript:

    $.ajax({
        type: 'POST',
        url: '@(Url.Action("SomeAction", "SomeController"))',
        data: someInputData,
        error: OnErrorFunction,
        success: function (data, textStatus, XMLHttpRequest) {
            alert(JSON.stringify(data));
        },
        dataType: "json"
    });

    Controller:

    public ActionResult SomeAction(InputDataType someInputData)
    {
        if (someInputData== null)
            return null;
        return new JsonResult {Data = SomeOutputData(someInputData)};
    }
    InformationsquelleAutor Kirill Bestemyanov
  3. 1

    Können Sie Gebrauch machen von der jquery ajax Funktion und die MVC Razor Url Eigenschaft:

    $.ajax({
    url: '@Url.Action("Home")',
    type: "GET",
    success: function (data) {
        $("my-div").append(data);
    }
});

    Den Wert der success-Eigenschaft ist eine Funktion mit einem argument: Daten. Dies ist das Ergebnis, was nach der Rückgabe aus dem controller.

    InformationsquelleAutor Nick
Schreibe einen Kommentar