本文实例讲述了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 > |
运行效果:
以上的效果我们也可以使用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程序设计有所帮助。