服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - ASP.NET MVC中使用JavaScriptResult的用法示例

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

2020-03-13 14:49Quber ASP.NET教程

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

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

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

JS:

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

Html:

?
1
2
3
<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

运行效果:

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

以上的效果我们也可以使用MVC中的JavaScriptResult来实现,具体如下:

控制器方法:

?
1
2
3
4
5
6
[HttpPost]
public JavaScriptResult GetJavaScriptResult()
{
  const string thisJs = "var thisObj = document.getElementById(\"qubernet\");thisObj.setAttribute(\"style\",\"color:#f00;font-size:22px;\");";
  return JavaScript(thisJs);
}

JS:

?
1
2
3
4
5
6
7
8
<script>
$(function () {
  $.ajax({
    type: "post",
    url: "/QuberManage/SysLogin/GetJavaScriptResult"
  });
});
</script>

Html:

?
1
2
3
<body>
  <span id="qubernet">qubernet span!!!</span>
</body>

注:这里使用到了jQuery的ajax方法,当然需要引入jQuery库了,你懂得

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

延伸 · 阅读

精彩推荐