欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2023-12-06 11:15:22
本文实例讲述了asp.net mvc中使用javascriptresult的用法。分享给大家供大家参考，具体如下： 在页面中我们使用javascript来设置id为qub...

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

运行效果：

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

以上的效果我们也可以使用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程序设计有所帮助。

上一篇： 简单了解Javscript中兄弟ifream的方法调用

下一篇：

推荐阅读