ASP.NET MVC中使用JavaScriptResult的用法示例
编程学习 2021-07-04 22:41www.dzhlxh.cn编程入门
这篇文章主要介绍了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程序设计有所帮助。