Javascript: iterieren durch die Liste der Objekte im Modell

so, ich brauche, um zu Holen die Namen der Schüler in eine Liste von student-Objekt ist in einer view das Modell dann senden Sie Sie an den server via $.post, die letztere ich habe es herausgefunden aber ich kann nicht herausfinden, wie eine Iteration durch die Liste der Objekte. Im Grunde genommen habe ich dieses:

//Student object
public class Student 
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    //Like a bunch of other attributes here
}

Dies ist das Modell in der Ansicht:

//StudentSearchResult ViewModel

public class StudentSearchResult {

    public IEnumerable<Student> { get; set;}
}

Zuerst habe ich aber nur das senden und die studentische Liste-Objekt, wie es ist, aber es kann nicht eine gute Idee, da es gebündelt mit zu vielen Parametern (es hat mir dieses "zirkuläre" Fehler, wenn ich versuchte, senden Sie das Modell) und ich nur wirklich brauchen, um zu senden der verketteten FirstName und LastName in den controller mithilfe des $.post-Methode, die ich schon habe. Ich habe versucht, Dinge wie diese:

var names = []  
var length = "@Model.StudentSearchResult.count()";  
for (int i = 0; i < length; i++) 
{
     names[] = "@Model.StudentSearchResult[i].Name + @Model.StudentSearchResult[i].LastName"
}
//$.post function here that calls the controller and send the concatenated names of each student in studentsearchresult.

Aber ich bekommen eine Fehlermeldung, dass "ich" nicht existiert, wie kann ich die Iteration in javascript durch die Liste der Objekte in meiner view-Modell den Zugriff auf die Attribute und verketten und dann speichern Sie Sie auf ein array von strings, so dass ich senden Sie es an den controller? Ich Stelle mir den controller würde dann so Aussehen

[HttpPost]
public ActionResult StudentSearchResult(/*other stuff I send here, */ string[] studentNames){
   //stuff here

  return View();
}

Dank!

Sicherlich var length = "@Model.StudentSearchResult.count()"; Ergebnisse in so etwas wie var length = "5"; gehen, um den client? Und so ein string? Ja, JavaScript ist Locker typisiert und so wird es meistens funktionieren, aber...
Das ist der einfache Teil, was ich nicht kann, ist der Zugriff der Mitglieder der Liste der Objekte in der Ansicht Modell und legen Sie Sie auf ein array

InformationsquelleAutor Ricardo | 2013-01-21

asp.net-mvc c#javascript razor

27

Haben Sie einige ungültige javascript drüben.

Ersten start durch die Festsetzung Ihrer Blick-Modell, so dass Sie ein kompilieren von C# - code (Sie fehlten, eine Eigenschaft name):
```
public class StudentSearchResult 
{
    public IEnumerable<Student> Students { get; set;}
}
```
Dann, wenn der controller-Aktionen schickt ein JSON-Ergebnis an den client (das stellt sicher, dass die view-Modell ist richtig JSON codiert und dass die application/json response-content-type-header gesendet wird):
```
[HttpPost]
public ActionResult StudentSearchResult(/*other stuff I send here, */ string[] studentNames)
{
    StudentSearchResult model = ... //stuff here to populate your view model
    return Json(model);
}
```
könnte man leicht zu Durchlaufen, die auf dem client mithilfe der $.each() Funktion:
```
var studentNames = ['name1', 'name2'];
$.post('/Students/StudentSearchResult', studentNames, function(result) {
    var students = result.Students;
    $.each(students, function() {
        alert('FirstName: ' + this.FirstName + ' LastName:' + this.LastName);
    });
});
```
oder sogar ein plain ol' for Schleife, wenn Sie bevorzugen:
```
$.post('/Students/StudentSearchResult', studentNames, function(result) {
    var students = result.Students;
    for (var i = 0; i < students.length; i++) {
        var student = students[i];
        alert('FirstName: ' + student.FirstName + ' LastName:' + student.LastName);
    }
});
```
UPDATE:

Sieht es aus wie ich habe ich einen Fehler gemacht, indem Sie glauben, dass Sie ausgeführt wurden, ein AJAX-request. Stattdessen, was Sie brauchen, ist Zugriff auf die Modell-Eigenschaften in javascript. Hier ist, wie dies getan werden könnte:
```
@model StudentSearchResult
<script type="text/javascript">
    var students = @Html.Raw(Json.Encode(Model.Students));
    //students is a javascript array that will look like this:
    //students = [{"FirstName":"fn1","LastName":"ln1"}, {"FirstName":"fn2","LastName":"ln2"}, ...];
    for (var i = 0; i < students.length; i++) {
        var student = students[i];
        alert('FirstName: ' + student.FirstName + ' LastName:' + student.LastName);
    }
</script>
```
- Vielen Dank für Ihre Antwort, aber die post-Funktion nicht wieder ein Modell, ich weiß, das ist, weil ich nicht poste den kompletten code habe ich aber nicht zur hand haben.
- In Ihre $.jedes Beispiel, wie würden Sie die Einführung von Elementen in einem array, wenn Sie nicht unter das Modell von der post, aber aus der Sicht Modell selbst, ich versuche dieses: var names = new Array(); var Kandidaten = "@Model.Kandidaten"; //Es muss nicht sein, lässt mich dies für (var i = 0; i < - Kandidaten.length; i++) { var Kandidaten = Kandidaten[i]; alert('Vorname:' + Kandidat.Name + ' Nachname:' + Kandidat.LastName); } Alles was ich brauche zum Auffüllen der ein array mit den vor-und Nachnamen
- Ich verstehe. Bitte siehe meine aktualisierte Antwort mit einem Beispiel, wie Sie das erreichen könnten.
- Schön die aktualisierten genau richtig, war genau das, was ich brauchte.
InformationsquelleAutor Darin Dimitrov
1
```
for (var i = 0; i < length; i++) 
```
statt
```
for (int i = 0; i < length; i++) 
```
funktionieren sollte.
- Da bin ich mit dem Rasierer meine Ansicht Modell bekomme ich die Fehlermeldung, dass die variable "i" kann nicht gefunden werden
InformationsquelleAutor ndlinh
1

können Sie $.jedes jquery-Iteration das Ergebnis.
```
$.each(yourModel,function(){//do with loop});
```
und für den Fehler. Sie machte Fehler bei der Deklaration der schleifenvariablen
```
for (var i = 0; i < length; i++) 
```
InformationsquelleAutor Ravi Gadag
1

Sieht aus wie das, was Sie brauchen, ist, um die Ausgabe der Benutzernamen auf dem client als JSON? Versuchen Sie dies:
```
var names = @Model.StudentSearchResult.Select(s => new { s.FirstName, s.LastName }).ToList();
```
Ich bin nicht sehr vertraut mit der Razor-syntax kann man aber denke ich noch verstehen, der code oben.

InformationsquelleAutor Jeffrey Zhao

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.