HAO are you~

菜鳥工程師，如文章內容有誤請來信指教修正，避免誤人子弟...

2022-02-11

AJAX 加入 AntiForgeryToken

為了防止CSRF攻擊，我們可以在MVC的Controller加上ValidateAntiForgeryToken這個標籤來進行Token的驗證，通常在前端的Form裡面也會加上@Html.AntiForgeryToken()來產生要跟後端驗證的Token，但如果有時候只是要透過AJAX來進行資料異動(ex:刪除資料)這種沒有表單的動作時，我們要把@Html.AntiForgeryToken()加在哪裡才不會打AJAX時老是出現500的回應呢?

...繼續閱讀 »
2022-01-28

JQuery如何把特殊符號(ex:< . >)當成純字串顯示

今天上班時遇到個問題，我有一個表單是允許輸入特殊符號的(ex:'<'. '>')。表單輸入完後要把輸入的資料組合成tr. td字串append到我的<table>後面，但卻遇到了個問題。只要我輸入的表單欄位有包含'<'或是'>'，render出來的畫面都會怪怪的，雖然知道應該是特殊符號的問題導致HTML變的怪怪的，但之前都是有遇到問題才去找答案，為節省日後時間，就趁這次機會做個筆記記錄下來。

...繼續閱讀 »
2022-01-26

使用Unobstrusive-AJAX來執行AJAX

Unobstrusive-AJAX是為微軟的一個Js套件，你可以再HTML標籤裡加上一些特定的屬性，不用自己寫$.ajax類似的Js程式碼，即可完成以前的AJAX效果。其實優點我也不是很懂，google一下是說可以不用在前端cshtml裡面寫太多的javascript吧，可以把大部分的Js程式移到外部js檔，讓html跟Js切分得更乾淨。

...繼續閱讀 »
2021-10-21

jQuery Validation Plugin + jQuery.validate.unobtrusive + AJAX，不透過form submit來做網頁表單驗證

表單驗證是網頁很常用的功能，通常是submit會觸發驗證流程(會把jQuery.validator.unobtrusive.parse("#form1");  會把檢核觸發寫在submit button裡)。但今天收到個需求，網頁因為某些因素不想透過submit 表單post資料到後台，想要透過ajax的方式來post資料，但validator又一定需要把要驗證的<input>包在<form>裡面的情況下(如果把<form>拿掉，就不會有驗證效果)，要如何觸發表單驗證?

...繼續閱讀 »
2021-07-12

Bootstrap Modal(模態框)應用

互動式網頁中有兩個常見功能

1.在主畫面跳出新的表單輸入視窗

2.點圖放大

原畫面會變黑，並由新的視窗覆蓋在原本主要畫面上，這種效果可以用Bootstrap的Modal來完成。以下就用兩個範例來示範(ASP.Net MVC + AngularJS)

...繼續閱讀 »
2021-02-04

.Net Core使用ADO.Net方式直接下SQL撈取資料，並存放置自定義類別

.Net Core其實也可以使用.Net Framework時期那種ADO.Net的寫法

只是取連線字串的方式有點不同。其他步驟都大同小異

流程大致如下：

1.於建構子注入IConfiguration。之後就可以用實作GetValue取得appsettings.json裡的連線字串

2.下SQL做查詢，並用SqlDataAdapter接資料並塞進DataSet

3.把DataRow跟Model做Mapping。傳到View時就可以用強型別寫Razor語法

 

...繼續閱讀 »
2020-04-22

匿名委派Func應用(共用帳戶申請書狀態更新)

匿名委派Func的用途在於透過一個統一的匿名函式(Func)去執行分別對應的委派函式，以達到統一定義類似功能的函示的參數和回傳值(跟Interface有點類似，定義好函式需要的參數跟回傳值)。這樣就可以把不同的商業邏輯都放到對應的委派函式。而不是把所有的商業邏輯都包成一個函式用if...else來判斷該取得哪段商業邏輯結果。提高程式可讀性

舉例來說[CREATE]和[UPDATE]這兩個功能需要的參數其實都是差不多的，就可以透過匿名函式分別呼叫對應的委派函式。而不用把CREATEA跟UPDATE寫在一起再用if...else...判斷

...繼續閱讀 »

最新留言