Gibt einen string zurück aus dem MVC Controller zu jQuery

Möchte ich einen Aufruf zu einer ASP.NET MVC4-Controller und haben Sie einen string zurückgeben, um eine jQuery-Methode, geben dann die Zeichenfolge mit einem alert(). Der folgende code gibt nur object Object.

jQuery:

$launchTRs = function (appID) {
    var html = $.get("/PartialView/GetTRAsString?appID=" + appID, function (data) { });
    alert(html.toString());
}

ASP:

public string GetTRAsString(string appID)
{
    //Populate revisions
    string html = "<ul>";

    foreach(RevesionInfo revInfo in revisions)
    {
        html += "<li>" + revInfo.RevDesc + "</li>";
    }

    html += "</ul>";

    return html;
}

Outut:

[object Object]

Lernen, wie Sie mit jQuery ajax: api.jquery.com/jquery.get
Vereinbart. Dies ist eine einfache Falle, die Sie gerade nicht selbst Lesen den jQuery docs. StackOverflow ist nicht die alternative für TL;DR.
Ich kann nicht wirklich laut lachen, ich werde stören, meine Arbeitskollegen, aber das ist Brillant! Dies sollte das motto SO: StackOverflow ist nicht die alternative für TL;DR.

InformationsquelleAutor John 'Mark' Smith | 2014-01-31

22

In ASP.NET MVC controller actions nicht die Rückgabe von strings. Sie kehren ActionResults.

So starten Sie durch Befestigung deine Aktion (Lesen Sie unten, um zu verstehen, warum ich die Befestigung in Kursiv ist es, weil das ist nur die erste Stufe):
```
public ActionResult GetTRAsString(string appID)
{
    //Populate revisions
    string html = "<ul>";

    foreach(RevesionInfo revInfo in revisions)
    {
        html += "<li>" + revInfo.RevDesc + "</li>";
    }

    html += "</ul>";

    return Content(html, "text/html");
}
```
Auch der erste, Einen Brief in AJAX steht für Asynchron, so sollte man die Warnung in Ihrem Erfolgs-callback, das ist der einzige Ort, wo das Ergebnis verfügbar sein wird:
```
$.get('/PartialView/GetTRAsString', { appID: appID }, function (data) { 
    alert(data);
});
```
Auch Bedenken, dass die Generierung von HTML-Code in einer controller-action ist eine schreckliche Idee. Das mischen von C# und HTML führt zu Hässlichkeit, die ich lieber nicht kommentieren.

In ASP.NET MVC, die V steht für die Ansicht, so gehen Sie vor, die Sie verwenden. Der Zweck einer controller-action abholen ein Modell, und übergeben Sie dieses Modell, um die Ansicht Projekt:
```
public ActionResult GetTRAsString(string appID)
{
    IEnumerable<Revision> revisions = ... go get your revisions from the DB or something
    return PartialView(revisions);
}
```
und dann deine Sicht ist stark typisiert, das Modell und erzeugen Sie den nötigen markup innen:
```
@model IEnumerable<Revision>
<ul>
    @foreach (var revInfo in Model)
    {
        <li>
            @revInfo.RevDesc
        </li>
    }
</ul>
```
Ich habe eine Frage zu Ihrem Kommentar Mixing C# and HTML leads to ugliness that I prefer not to comment. nicht die eingebaute HTML helpers das gleiche tun?

InformationsquelleAutor Darin Dimitrov

Versuchen Sie dies:

var html = "";
$.ajax({
    url: "/PartialView/GetTRAsString",
    method: 'GET',
    data: {appId: appID },
    success: (resp){
        html = resp.html;
    }
});

Dann deine action-Methode:

public JsonResult GetTRAsString(string appID)
{
    //Populate revisions
    string html = "<ul>";

    foreach(RevesionInfo revInfo in revisions)
    {
        html += "<li>" + revInfo.RevDesc + "</li>";
    }

    html += "</ul>";

    return Json(new {html});
}

+1 für das gute Beispiel

InformationsquelleAutor James

Eine weitere Lösung mit der AJAX -

Controller-Action -

    public ActionResult GetString(string input)
    {
        return Content(input + ", Hello!!!");
    }

Anzeigen -

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(function () {
        $('#click1').click(function (e) {
            $.ajax({
                url: "@Url.Action("GetString")",
                type: "GET",
                dataType: "json",
                data: {
                    input: 'John'
                },
                error: function (response) {
                    alert(response.responseText);
                },
                success: function (response) {
                    alert(response);
                }
            });
        });
    });
</script>
<input type="button" value="Click Me" id="click1" />

Und wenn Sie auf -

Gibt einen string zurück aus dem MVC Controller zu jQuery

+1 für das gute Beispiel
Die Warnung kommt immer der Fehler, weil es erwartet json. Entfernen Sie die Zeile: dataType: "json", und in den controller statt return Content(Eingabe + ", Hallo!!!", "text/html"); und die Warnung kommt von den Erfolg.

InformationsquelleAutor ramiramilu

1

Vorschlagen JSONResult zurückgeben, da es die meiste gängige Praxis für solche Fälle + Template-engine, wie Schnurrbart, oder was sonst immer, eher dann füllen Sie einfach handgemachte Vorlage in Werte auf der server-Seite.

wie diese:

server Sachen:
```
public JSONResult ActionName()
{
   var result=new { Success="False", Message="Error Message"};
   return Json(result, JsonRequestBehavior.AllowGet);
}
```
client-Zeug:
```
var template = "<h1>{{your property values here}}</h1>", 
    html = '';

$('#sampleArea').html(html);
    $.getJSON('YourController/ActionName', function(data) {
         html = Mustache.to_html(template, data);
    });
```
mehr Informationen über:
1. http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/
2. http://shashankshetty.wordpress.com/2009/03/04/using-jsonresult-with-jquery-in-aspnet-mvc/
InformationsquelleAutor Eugene P.

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.