怎樣局部更新Razor頁面
這次帶給大家怎樣局部更新Razor頁面，局部更新Razor頁面的注意事項有哪些，下面就是實戰案例，一起來看一下。
本文就做一個簡單例子，實作Razor配合ajax做到局部刷新。
首先，我們建立一個MVC專案
讓我們建立一個簡單的Controller Book
然後對其添加一個視圖，並且添加上一些簡單的Html程式碼
@{
ViewBag.Title = "Index";
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h2>Index</h2>
@Html.ActionLink("点击我", "Part","Book");
<p id="partial" ></p>
@Scripts.Render("~/bundles/jquery")
<script type="text/javascript">
$("a").click(function () {
$.ajax({
url: "/Test/Book/Part/1",
success: function (result) {
console.log(result);
$("#partial").html(result);
},
error: function (msg) {
console.log(msg);
}
})
return false;
});
</script>
</body>
</html>這裡我添加了一個
,並且給了個id="partial"，再我點擊@Html.ActionLink時會觸發javascript裡的方法，使用ajax去訪問/Test/Book/Part/1這個路徑，請求成功以後會在
裡構建我請求的Html,這其實就是局部刷新的原理
這是Part的程式碼，然後我們給Part也加入一個視圖
Part的程式碼可以非常簡單，然後我們開啟我們的專案
我們不斷點擊按鈕「點擊我」
頁面就會不停的發生變化。
這裡要注意，在使用AJAX請求時，Url一定要寫完整，例如我的Controller在Area下的Book資料夾下名為Test,Action為Part,那麼Url則是/Test/Book /Part，不能缺少/Test,否則就會出現以下錯誤
可以看到，如果Url沒有寫全的話，Action回傳的View其實是錯誤的路徑。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是怎樣局部更新Razor頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
暴雪戰網更新一直卡在45%怎麼解決？
Mar 16, 2024 pm 06:52 PM
暴雪戰網更新一直卡在45%怎麼解決？近期有很多人在更新軟體的時候，都是卡在45%的進度條，重啟多次還是會卡住，那麼這種情況應該要如何解決，我們可以透過重新安裝客戶端、切換地區、刪除文件的方式來處理，本期軟體教程就來分享操作步驟，希望能帶給更多的人幫助。 暴雪戰網更新一直卡在45%怎麼解決 一、客戶端 1、首先需要確認你的客戶是官網下載的官方版本。 2、如果不是的話，使用者可以進入亞服網址來進行下載。 3、進入以後點選右上角的下載就可以了。 注意：安裝的時候一定不要選擇簡體中文。
如何在Word複製頁面
Feb 20, 2024 am 10:09 AM
是否要複製MicrosoftWord中的頁面，並保持格式不變？這是一個聰明的想法，因為當您想要建立特定文件佈局或格式的多個副本時，在Word中複製頁面可能是一種有用的節省時間的技術。本指南將逐步引導您在Word中複製頁面的過程，無論是建立範本還是複製文件中的特定頁面。這些簡單的說明旨在幫助您輕鬆地重新製作頁面，省去從頭開始的麻煩。為什麼要在MicrosoftWord中複製頁面？在Word中複製頁面非常有益的原因有以下幾點：當您有一個具有特定佈局或格式的文件要複製時。與從頭開始重新建立整個頁面不同
第七史詩2月22日更新：奇蹟女僕王國第二週開啟
Feb 21, 2024 pm 05:52 PM
第七史詩已經確定將於2月22日中午11點進行不停機更新，本次更新為我們帶來超級多新的活動和內容，包括萊婭和甜蜜奇蹟限定召喚幾率UP、神秘卡池更新、特別支線故事奇蹟女僕王國第二週開啟等，一起來看看這次的更新。手遊更新時間表第七史詩2月22日更新：奇蹟女僕王國第二週開啟※「萊婭」&「甜蜜奇蹟」限定召喚幾率UP！ ■限定召喚幾率UP時間：-2024/02/22（週四）11:00～2024/03/07（週四）10:59■角色屬性&職業：自然屬性、戰士■角色簡介：四人樂隊【奇蹟女僕王國】的副主唱兼貝
如何在Ubuntu 24.04上安裝Angular
Mar 23, 2024 pm 12:20 PM
Angular.js是一種可自由存取的JavaScript平台，用於建立動態應用程式。它允許您透過擴展HTML的語法作為模板語言，以快速、清晰地表示應用程式的各個方面。 Angular.js提供了一系列工具，可協助您編寫、更新和測試程式碼。此外，它還提供了許多功能，如路由和表單管理。本指南將討論在Ubuntu24上安裝Angular的方法。首先，您需要安裝Node.js。 Node.js是一個基於ChromeV8引擎的JavaScript運行環境，可讓您在伺服器端執行JavaScript程式碼。要在Ub
提燈與地下城2月29日更新：重製版 ╳「哪吒傳奇」連結
Feb 28, 2024 am 08:13 AM
提燈與地下城已經確定將於2月29日更新，更新之後會上線提燈與地下城重製版本，而且重製版本還會與哪吒傳奇聯動，重製版本還帶來全新職業，玩家可以直接轉職哦，地下城內容也將拓展，開放全新副本區域等。手遊更新時間表提燈與地下城2月29日更新：重製版╳「哪吒傳奇」聯動版本重點內容全新職業，邀您轉職什麼?提燈者竟然可以轉職了?如此酷炫的裝備真是讓人眼饞，聽說，轉職之後，提燈者還能學習很多超帥的技能，五郎直接驚呼：泰褲辣！哪吒傳奇，連結來襲！踩著那風火輪，乾坤圈手中拿♫~智勇雙全的小英雄：哪吒和小龍女，即將來臨
Windows無法存取指定裝置、路徑或文件
Jun 18, 2024 pm 04:49 PM
小夥伴電腦出現這樣的故障，開啟「此電腦」和C碟檔案會提示「Explorer.EXEWindows無法存取指定裝置、路徑或檔案。你可能沒有適當的權限存取存取專案。」包括資料夾、檔案、此電腦、回收站等，雙擊都會彈出這樣的窗口，右鍵又是正常的。這是系統更新導致，如果你也遇到這樣的狀況，下面小編教大家如何解決。一，開啟登錄編輯程式Win+R，輸入regedit，或右鍵開始選單執行輸入regedit；二，定位登錄機「電腦\HKEY_CLASSES_ROOT\PackagedCom\ClassInd
微星顯卡驅動怎麼更新？微星顯示卡驅動下載安裝步驟
Mar 13, 2024 pm 08:49 PM
微星顯示卡是市面上主流的顯示卡品牌，我們知道顯示卡都需要安裝驅動才能發揮效能，並保證相容性。那麼微星顯示卡驅動要怎麼更新到最新版本呢？一般微星顯卡驅動可以官網下載驅動安裝，以下就來了解一下。 顯卡驅動更新方法： 1.首先我們進入「微星官網」。 2.進入後點選右上角「搜尋」按鈕並輸入自己的顯示卡型號。 3.然後找到對應的顯示卡點開詳情頁。 4.隨後進入上方「技術支援」選項。 5.最後在“驅動器&下載”
如何快速刷新網頁？
Feb 18, 2024 pm 01:14 PM
頁面刷新在我們日常的網路使用中非常常見，當我們訪問一個網頁後，有時會遇到一些問題，例如網頁加載不出來或顯示不正常等。這時候我們通常會選擇刷新頁面來解決問題，那麼要如何快速刷新頁面呢？下面我們就來探討頁面刷新的快捷鍵。頁面刷新快捷鍵是一種透過鍵盤操作來快速刷新目前網頁的方法。在不同的作業系統和瀏覽器中，頁面刷新的快捷鍵可能有所不同。下面我們以常見的W
