将 Razor 模型从 Foreach 传递给 jQuery

Question

好的，我正在使用 Razor foreach 迭代模型，我想将模型发送到 jQuery。我可以发送单个参数as seen in this answer，但不能发送完整的对象。

例子：

<table>
@foreach (var contact in Model)
{
    <tr>
        <td>
            <a href="#" onclick="myFunction('@contact.Name')">@contact.Name</a>
        </td>
        <td>
            <a href="#" onclick="myFunction('@contact.Company')">@contact.Company.Name</a>
        </td>
    </tr>
}
</table>

和

<script type="text/javascript">
    function myFunction(contact) {
        console.log(contact);
    };
</script>

这里，发送@contact.Name 将按预期将Name 中的值发送到函数，但@contact.Company（这是一个Company 对象，而不是字符串）将发送字符串值ProjectName.Models.Company。有可能做我想做的事吗？

这是我正在使用的其中一个实际模型的示例（请注意，我使用的每个模型，例如这个模型，也有另一种对象类型作为字段）。

 public class Note
 {
   public long NoteId { get; set; }
   public string Content { get; set; }
   public DateTime CreatedOn { get; set; }
   public User CreatedBy { get; set; } 
 }

Answer 1

Javascript 没有模型的概念，但您可以对其进行编码并将其解析为 javascript 对象，以便您在脚本中访问其属性

<a href="#" onclick="myFunction(JSON.parse('@Html.Raw(Json.Encode(contact.Company))'))">@contact.Company.Name</a>

<script type="text/javascript">
  function myFunction(company) {
    console.log(company.Name);
  };
</script>