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

前端技术 2023/09/07 .NET

本文实例讲述了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>

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

更多关于asp.net相关内容感兴趣的读者可查看本站专题：《asp.net优化技巧总结》、《asp.net字符串操作技巧汇总》、《asp.net操作XML技巧总结》、《asp.net文件操作技巧汇总》、《asp.net ajax技巧总结专题》及《asp.net缓存操作技巧总结》。

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

本文地址：https://www.stayed.cn/item/17831

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案