程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET MVC中使用JavaScriptResult的用法示例

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

編輯:ASP.NET基礎

本文實例講述了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程序設計有所幫助。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved