ASP.NET MVC中使用JavaScriptResult的用法示例

2017-03-20 15:09:11 .net
这篇文章主要介绍了ASP.NET MVC中使用JavascriptResult的用法,结合实例形式分析了采用Javascript动态设置标签样式以及使用MVC中的JavascriptResult来实现同样效果的相关技巧,需要的朋友可以参考下

本文实例讲述了ASP.NET MVC中使用JavascriptResult的用法。分享给大家供大家参考，具体如下：

在页面中我们使用Javascript来设置id为qubernet的span标签样式，具体代码如下：

JS：

<script>
    $(function () {
      var thisObj = document.getElementById("qubernet");
      thisObj.setAttribute("style", "color:#f00;font-size:22px;");
    });
</script>

Html：

<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

以上的效果我们也可以使用MVC中的JavascriptResult来实现，具体如下：

控制器方法：

[HttpPost]
public JavascriptResult GetJavascriptResult()
{
  const string thisJs = "var thisObj = document.getElementById(\"qubernet\");thisObj.setAttribute(\"style\",\"color:#f00;font-size:22px;\");";
  return Javascript(thisJs);
}

JS：

<script>
$(function () {
  $.ajax({
    type: "post",
    url: "/QuberManage/SysLogin/GetJavascriptResult"
  });
});
</script>

Html：

<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

希望本文所述对大家asp.net程序设计有所帮助。

上一篇：.NET中的repeater简介及分页效果

下一篇：ASP.NET在MVC控制器中获取Form表单值的方法

最新资源