javascript - 我可以使用js变量作为mvc数组的索引吗？

Question

我在 mvc 中有一个数组模型传递到 html 页面我也有几个“.myClass”的div，如果单击其中任何一个，我会调用函数并获取它们的id(每个都有不同的整数id)，然后我想使用这个id作为数组的索引，我该怎么做那？因为此代码不起作用。

$(document).on('click', '.myClass', function (event) {
    var id = parseInt($(this).attr('id'));
    $("#Paragraph").html("@Model[id].name");
});

Answer 1

您不能像这样在 js 中混合服务器代码，因为当 razor 尝试渲染页面时，C# 代码将在服务器上执行。在 razor 发送生成的标记后，您的点击事件发生在客户端。

对于您的特定用例，首先您需要读取您的模型并将其设置为本地 JavaScript 数组。然后您可以从该数组中读取一个项目。

假设您的模型属于某种集合类型。

$(function(){

  //Store the Model to a local js variable.
  var myArr = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));

  $(document).on('click', '.myClass', function (event) {
    var id = parseInt($(this).attr('id'));
    $("#Paragraph").html(myArr[id].name);
  });

});

另一个选择是对您的服务器进行 ajax 调用，其中您的操作方法接受唯一的 id，使用它重建实体并将其发送回客户端，客户端将使用它。