将ASP.NET MVC模型传递给Javascript函数

时间:2019-03-27 06:12:42

标签: javascript asp.net-mvc-5 model

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

下面是我的代码

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

JavaScript函数

function callJS(param) {

}

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

  

model.NextActionParam是我的模型,其中包含一些属性,例如name,id.etc

如何在Javascript中获取具有值的模型属性?

1 个答案:

答案 0 :(得分:1)

您需要使用Model.NextActionParam方法将Json.Encode()转换为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)" />