javascript - ASP.net MVC 在视图中插入 JavaScript 函数结果

Question

我正在尝试做以下事情：

<div>javascript:processData(Model.Property)</div>

，其中“ processData”是返回字符串的函数。如何才能做到这一点？

（这显然是行不通的，它只是返回字符串“ javascript:processData(Model.Property)”。）

Answer 1

<script type="text/javascript">
function processData(property) {
    // all kinds of stuff...
    // return result;
}
</script>
...
<input type="button" onClick="return processData(<%: Model.Property %>); />

如果您使用的是 Razor 语法，请替换<%: Model.Property %>为@Model.Property.

至于显示结果，请使用 javascript 将值放在页面上的某处（例如<a>元素的文本或alert）。

Answer 2

阅读以下问题： 在 JavaScript 中使用 Razor

您需要剃刀文本标记： http ://weblogs.asp.net/scottgu/archive/2010/12/15/asp-net-mvc-3-razor-s-and-lt-text-gt-syntax.aspx

Answer 3

您可以在 jquery 文档上调用 javascript 方法，ready并使用方法将结果设置为该 div html。

@model YourSomeModelWithThatProperty
<div id="thatDiv"></div>

<script type="text/javascript">
  $(function(){
       var thatDataString=processData("@Model.Property");
       $("#thatDiv").html(thatDataString);
  });
</script>