本文实例讲述了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程序设计有所帮助。