将 asp.net mvc 模型传递给 Javascript 函数

Question

我正在创建一个 Web 应用程序，我想在其中当用户单击按钮时将模型数据传递到 Javascript 函数，

下面是我的代码

<input type="button" id="btnNextAction" class="btn btn-primary" value="JSFunction" onclick="callJS('@Model.NextActionParam');" />

Javascript函数

function callJS(param) {

}

但是 param 的值显示为 projectName.Models.modelName.NextActionParam

model.NextActionParam is my model which contains some properties like name, id.etc

如何获得模型属性的值在 Javascript 中？

Answer 1

您需要使用 Json.Encode() 方法将 Model.NextActionParam 转换为 JSON 字符串。更好的方法是将 JSON 放在 <script> 部分并设置一些变量，然后在任何地方使用它。

<script>
    var nextActionParam = @Html.Raw(Json.Encode(Model.NextActionParam));
</script>

<input type="button" id="btnNextAction" class="btn btn-primary" value="JSFunction"
onclick="callJS(nextActionParam)" />

将 asp.net mvc 模型传递给 Javascript 函数

Passing asp.net mvc model into Javascript function

javascript

model

asp.net-mvc-5