Javascript 使用jQuery动态输出模型数据时出现问题

我正在尝试使用jQuery从视图模型中创建一些div。代码如下：

<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function () {
    var model = @Html.Raw(Json.Encode(Model.MemberProfiles));
    console.log(model);

    for (profile in model) {
        $("#viewMembers").append("<div class='profilePreview'><p>" + profile["FirstName"] + "</p></div>");
    }

    $("#viewMembersBtn").click(function () {
        $("#viewMembers").toggle();
    });
});

$（文档）.ready（函数（）{
var model=@Html.Raw（Json.Encode（model.MemberProfiles））；
console.log（模型）；
用于（模型中的配置文件）{
$（“#viewMembers”）。追加（“”+profile[“FirstName”]+“
”）；
}
$（“#viewMembersBtn”）。单击（函数（）{
$（“#viewMembers”）.toggle（）；
});
});

---

如您所见，“FirstName”属性的计算结果为未定义。如果查看同一图像中的console.log（），则对象具有正确的数据。如何正确检索FirstName属性？

尝试如下方式访问您的JavaScript模型：

 for (profile in model) {
    $("#viewMembers").append("<div class='profilePreview'><p>" + profile.FirstName + "</p></div>");
}

for（模型中的配置文件）{
$（“#viewMembers”）。追加（“”+profile.FirstName+“
”）；
}

您需要

型号[配置文件].FirstName

：

for (var profile in model) {
    $("#viewMembers").append("<div class='profilePreview'><p>" + model[profile].FirstName + "</p></div>");
}

for（模型中的var配置文件）{
$（“#viewMembers”）.append（“”+model[profile].FirstName+”
”）；
}

尽量不要用JSON发送函数。它需要是

配置文件。FirstName

假设

成员配置文件
是
IEnumerable
（你需要显示你的模型），但你到底为什么要用javascript来做这件事，而不是用剃刀
@foreach（model.MemberProfiles中的var项）{…
？哦…说得好。我是新来的。@StephenMuecket这实际上是我最初访问属性的方式。我在试图修复它时更改了它的方括号语法。第一个名称仍然显示为“未定义”。：(