Javascript: Làm thế nào để lặp qua danh sách các đối tượng trong Model

Question

vì vậy tôi cần tìm nạp tên các sinh viên trong danh sách đối tượng sinh viên trong mô hình của khung nhìn sau đó gửi chúng đến máy chủ qua $ .post, Tôi đã tìm ra nó nhưng tôi không thể tìm ra cách lặp qua danh sách các đối tượng. Về cơ bản tôi có điều này:

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

Đây là mô hình trong giao diện:

//StudentSearchResult ViewModel 

public class StudentSearchResult { 

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

Lúc đầu, tôi mặc dù chỉ gửi các đối tượng danh sách học sinh như là, nhưng nó có thể không phải là một ý tưởng tốt như nó được đóng gói với quá nhiều thuộc tính (nó đã cho tôi lỗi 'tròn' này khi tôi cố gắng gửi mô hình) và tôi chỉ thực sự cần gửi FirstName và LastName được nối vào bộ điều khiển bằng phương thức $ .post mà tôi đã có. Tôi cố gắng điều như thế này:

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. 

Nhưng tôi muốn nhận được một lỗi mà "i" không tồn tại như vậy, làm sao tôi có thể lặp trong javascript qua danh sách các đối tượng trong mô hình quan điểm của tôi, truy cập vào atributes và nối chúng và sau đó lưu trữ chúng trên một chuỗi các chuỗi để tôi có thể gửi nó đến bộ điều khiển? Tôi tưởng tượng bộ điều khiển sẽ trông như thế này

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

    return View(); 
} 

Cảm ơn!

Answer 1

Bạn có một số javascript không hợp lệ ở đó.

Đầu tiên bắt đầu bằng cách sửa chữa mô hình điểm của bạn để bạn có một biên dịch C# code (bạn bị mất tích một tên sở hữu):

public class StudentSearchResult 
{ 
    public IEnumerable<Student> Students { get; set;} 
} 

Sau đó, giả định các hành động điều khiển của bạn sẽ gửi một kết quả JSON cho khách hàng (điều này đảm bảo rằng mô hình xem được đúng JSON mã hóa và rằng application/json phản ứng tiêu đề kiểu nội dung được gửi):

[HttpPost] 
public ActionResult StudentSearchResult(/*other stuff I send here, */ string[] studentNames) 
{ 
    StudentSearchResult model = ... //stuff here to populate your view model 
    return Json(model); 
} 

bạn có thể dễ dàng lặp trên máy khách bằng cách sử dụng chức năng $.each():

012.

var studentNames = ['name1', 'name2']; 
$.post('/Students/StudentSearchResult', studentNames, function(result) { 
    var students = result.Students; 
    $.each(students, function() { 
     alert('FirstName: ' + this.FirstName + ' LastName:' + this.LastName); 
    }); 
}); 

hoặc thậm chí một ol đồng bằng' for vòng lặp nếu bạn thích:

$.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:

Dường như tôi có, tôi đã phạm sai lầm bằng cách tin rằng bạn đang thực hiện một Yêu cầu AJAX. Thay vào đó, những gì bạn cần là truy cập các thuộc tính mô hình trong javascript. Dưới đây là cách thực hiện điều này:

@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> 

Answer 2

for (var i = 0; i < length; i++) 

thay vì

for (int i = 0; i < length; i++) 

nên làm việc.

Answer 3

bạn có thể sử dụng $ .each of jquery để lặp lại kết quả.

$.each(yourModel,function(){//do with loop}); 

và do lỗi.bạn đã phạm sai lầm khi khai báo biến vòng lặp

for (var i = 0; i < length; i++) 

Answer 4

Có vẻ như những gì bạn cần là xuất tên người dùng cho máy khách dưới dạng JSON? Hãy thử điều này:

var names = @Model.StudentSearchResult.Select(s => new { s.FirstName, s.LastName }).ToList(); 

Tôi không quen thuộc với cú pháp Razor, nhưng tôi nghĩ bạn vẫn có thể hiểu mã ở trên.