快捷導(dǎo)航

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

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

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

本文實(shí)例講述了ASP.NET MVC中使用JavaScriptResult的用法。分享給大家供大家參考，具體如下：

在頁(yè)面中我們使用JavaScript來(lái)設(shè)置id為qubernet的span標(biāo)簽樣式，具體代碼如下：

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>

運(yùn)行效果：

以上的效果我們也可以使用MVC中的JavaScriptResult來(lái)實(shí)現(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方法，當(dāng)然需要引入jQuery庫(kù)了，你懂得

更多關(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é)》。

希望本文所述對(duì)大家asp.net程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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