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

 更新时间:2016年08月06日 10:20:35   作者:Quber  
这篇文章主要介绍了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>

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

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

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

相关文章

  • .NET 6开发TodoList应用之实现PUT请求

    .NET 6开发TodoList应用之实现PUT请求

    PUT请求本身其实可说的并不多,过程也和创建基本类似。这篇文章主要为大家介绍了.NET6实现PUT请求的示例详解,感兴趣的小伙伴可以跟随小编一起学习一下
    2021-12-12
  • VS2015下OpenGL库配置教程

    VS2015下OpenGL库配置教程

    这篇文章主要为大家详细介绍了visual studio 2015下OpenGL库的配置教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • ASP.NET Core中如何利用Csp标头对抗Xss攻击

    ASP.NET Core中如何利用Csp标头对抗Xss攻击

    这篇文章主要给大家介绍了关于ASP.NET Core中如何利用Csp标头对抗Xss攻击的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • 浅析如何在 ASP.NET Core中实现速率限制

    浅析如何在 ASP.NET Core中实现速率限制

    在 ASP.NET Core 中实现速率限制(Rate Limiting)中间件可以帮助你控制客户端对 API 的请求频率,防止滥用和过载,下面我们就来看看具体实现方法吧
    2025-01-01
  • ASP.NET Core配置文件的获取和设置

    ASP.NET Core配置文件的获取和设置

    这篇文章介绍了ASP.NET Core配置文件获取和设置的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • .NET读写Excel工具Spire.Xls使用 重量级的Excel图表功能(5)

    .NET读写Excel工具Spire.Xls使用 重量级的Excel图表功能(5)

    这篇文章主要为大家详细介绍了.NET读写Excel工具Spire.Xls使用,重量级的Excel图表功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Discuz .net版本中的短消息系统

    Discuz .net版本中的短消息系统

    Discuz .net 短消息实现原理。
    2009-04-04
  • asp.net 使用ObjectDataSource控件在ASP.NET中实现Ajax真分页

    asp.net 使用ObjectDataSource控件在ASP.NET中实现Ajax真分页

    ASP.NET 3.5中新增加的ListView控件是一个用于页面数据绑定和界面布局的非常棒的控件,它在ASP.NET 2.0 GridView的基础上做了很多改进,用户在使用时可以控制的元素更多,开发时的灵活性更大了,个人觉得ListView在使用时比DataGrid和GirdView更加顺手。
    2009-11-11
  • asp.net SharpZipLib的压缩与解压问题

    asp.net SharpZipLib的压缩与解压问题

    关于SharpZipLib的压缩与解压缩的实现代码,网络上有一堆,千遍一律,连注释也一模一样,一模一样的文章拷来拷去??
    2009-11-11
  • ASP.NET Core如何自定义配置源示例详解

    ASP.NET Core如何自定义配置源示例详解

    这篇文章主要给大家介绍了关于ASP.NET Core如何自定义配置源的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11

最新评论