[英]Passing data in ajax post issue
场景:
需要将包含子对象列表的对象传递给控制器。
问题 :
我能够获取对象的值,但不能获取对象内的子对象列表的值。
代码:
index.cshtml
function sendData() {
var student = {
Id: 1,
Name: "xxx",
Marks: [{
Subject: "Maths",
Mark:80
},
{
Subject: "Science",
Mark: 75
}]
}
$.ajax({
url: '@Url.Action("Receive", "Home")',
data: student,
success: function (data) {
alert("done");
},
error: function (error) {
alert('error For details refer console log');
console.log(error);
}
});
}
HomeController.cs
public ActionResult Receive(Student student)
{
ViewBag.Message = "Your contact page.";
return View();
}
Student.cs
public class Student
{
public int Id { get; set; }
public string Name { get; set; }
public List<Marks> Marks { get; set; }
}
public class Marks
{
public string Subject { get; set; }
public decimal Mark { get; set; }
}
截图:
Chrome调试器显示已设置的所有数据。
但在控制器中,我没有得到马克斯的价值
任何帮助,将不胜感激。 谢谢。
您需要对数据进行字符串化,并设置contentType
并type
ajax选项(请注意,它必须是POST,否则您需要使用带有点表示法的完全限定属性名称以不同方式生成数据 - 例如{ Id: 1, .... , 'Marks[0].Subject': 'Maths', 'Marks[0].Mark': 80, ... }
,在这种情况下,你现有的ajax代码无需修改即可工作)
var student = {
....
};
$.ajax({
url: '@Url.Action("Receive", "Home")',
data: JSON.stringify({ student: student }, // stringify
type: 'POST', // add
contentType: "application/json; charset=utf-8", //add
success: function (data) {
alert("done");
},
....
});
请注意,您的方法返回一个视图,但您没有对该视图执行任何操作。 如果您的目的是使用该视图更新DOM,那么该方法应该return PartialView( ... );
并在ajax成功回调中,
success: function (data) {
$(someElement).html(data);
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.