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

更新時間：2016年08月06日 10:20:35 作者：Quber

這篇文章主要介紹了ASP.NET MVC中使用JavaScriptResult的用法,結(jié)合實例形式分析了采用javascript動態(tài)設置標簽樣式以及使用MVC中的JavaScriptResult來實現(xiàn)同樣效果的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了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來實現(xiàn)，具體如下：

控制器方法：

[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庫了，你懂得

更多關(guān)于asp.net相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《asp.net優(yōu)化技巧總結(jié)》、《asp.net字符串操作技巧匯總》、《asp.net操作XML技巧總結(jié)》、《asp.net文件操作技巧匯總》、《asp.net ajax技巧總結(jié)專題》及《asp.net緩存操作技巧總結(jié)》。

希望本文所述對大家asp.net程序設計有所幫助。

您可能感興趣的文章:

相關(guān)文章

.NET 6開發(fā)TodoList應用之實現(xiàn)PUT請求
PUT請求本身其實可說的并不多，過程也和創(chuàng)建基本類似。這篇文章主要為大家介紹了.NET6實現(xiàn)PUT請求的示例詳解，感興趣的小伙伴可以跟隨小編一起學習一下
2021-12-12
VS2015下OpenGL庫配置教程
這篇文章主要為大家詳細介紹了visual studio 2015下OpenGL庫的配置教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
ASP.NET Core中如何利用Csp標頭對抗Xss攻擊
這篇文章主要給大家介紹了關(guān)于ASP.NET Core中如何利用Csp標頭對抗Xss攻擊的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ASP.NET Core具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-09-09
淺析如何在?ASP.NET?Core中實現(xiàn)速率限制
在?ASP.NET?Core?中實現(xiàn)速率限制（Rate?Limiting）中間件可以幫助你控制客戶端對?API?的請求頻率,防止濫用和過載,下面我們就來看看具體實現(xiàn)方法吧
2025-01-01
ASP.NET Core配置文件的獲取和設置
這篇文章介紹了ASP.NET Core配置文件獲取和設置的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-04-04
.NET讀寫Excel工具Spire.Xls使用重量級的Excel圖表功能(5)
這篇文章主要為大家詳細介紹了.NET讀寫Excel工具Spire.Xls使用，重量級的Excel圖表功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
Discuz .net版本中的短消息系統(tǒng)
Discuz .net 短消息實現(xiàn)原理。
2009-04-04
asp.net 使用ObjectDataSource控件在ASP.NET中實現(xiàn)Ajax真分頁
ASP.NET 3.5中新增加的ListView控件是一個用于頁面數(shù)據(jù)綁定和界面布局的非常棒的控件，它在ASP.NET 2.0 GridView的基礎(chǔ)上做了很多改進，用戶在使用時可以控制的元素更多，開發(fā)時的靈活性更大了，個人覺得ListView在使用時比DataGrid和GirdView更加順手。
2009-11-11
asp.net SharpZipLib的壓縮與解壓問題
關(guān)于SharpZipLib的壓縮與解壓縮的實現(xiàn)代碼，網(wǎng)絡上有一堆，千遍一律，連注釋也一模一樣，一模一樣的文章拷來拷去？？
2009-11-11
ASP.NET Core如何自定義配置源示例詳解
這篇文章主要給大家介紹了關(guān)于ASP.NET Core如何自定義配置源的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ASP.NET Core具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-11-11