JQuery Ajax、なぜ成功したのですか？なぜエラーが出るのですか？

Question

なぜ成功したのですか？

$('#ck').click(function() { 
    var StudentData = [{ 
    'Name': 'Ali', 
    'Age': 27 
    }, { 
    'Name': 'Sam', 
    'Age': 32 
    }]; 

    $.ajax({ 
    url: "/Home/StudentInfo", 
    data: JSON.stringify(StudentData), 
    ... 
    success: function(response) { 
     alert(response[0].Name); 
    }, 
    error: function() { 
     alert("error"); 
    }, 
    }); 
}); 

Answer 1

上記過度に長いコメントスレッドをもとに、あなたはこのサーバー側のコードを持っていると主張する：

public JsonResult StudentInfo(List<object> StudentData) 
{ 
    return Json(StudentData); 
} 

だから、あなたはあなたのクライアント側のコードにList<object>を返します。そして、あなたはそのリスト内の要素のプロパティにアクセスしようとするあなたのクライアント側のコードに：

success: function (response) { 
    alert(response[0].Name); 
} 

まあ、入れて、単にobject doesn't contain a property called Nameです。それは決してありません、それはおそらく決してありません。したがって、が存在しないプロパティにアクセスすることはできません。したがって、JavaScriptではundefinedです。

はのように見えますが、オブジェクトのクラスを定義することを意味します。このような単純なもの：

public class Student 
{ 
    public string Name { get; set; } 
    public int Age { get; set; } 
} 

次に、あなたがあなたのアクションメソッドでそのクラスを使用することができますStudentので

public JsonResult StudentInfo(List<Student> StudentData) 
{ 
    return Json(StudentData); 
} 

をは、あなたがそのプロパティを使用することができ、Nameというプロパティを持っていませんクライアント側のコード