分享你的 Coding 新鮮事

一般在開發動態網頁時，時常會用到 Ajax 的技術來跟 Server 端取得資料，Ajax 的好處相信有用過的人一定都知道，但當然有好處還是有需要注意的地方，在操作 Ajax 時其實還是有許多地方需要注意，這邊整理幾個新手在操作 Ajax 時容易遇到的問題，也希望新手在開發時能有所幫助。

剛好最近專案上需要用到這樣的功能，現在用 jQuery 來操作網頁上的效果都已經可以解決十之八九的問題了，而應該滿多專案上都會遇到讓使用者編輯的表單，如果使用者按完修改後要離開一般都會先跳出確認視窗，以防止使用者誤觸而導致 OOXX 的問題。在這邊做個實作的方法並記錄，希望對大家會有幫助，當然範例的方法只是一個方向，你當然可以依照你的需求去改寫。

相信寫過 ASP.NET MVC 的人都知道，在 ASP.NET MVC 中已經沒有像 ASP.NET Web Form 那樣有許多內建控制項了，而一般在開發專案上可能會滿常碰到一個需求：當我點了 TD 之後那格會變成 TextBox 離開後就會儲存或者是 Table 的 TH 可以改變大小、可以改變順序...等等的功能，當然從 jQuery 出來之後網路已經有許多好用的套件了，像是 jqGrid、DataTables...等，但往往這些套件提供的功能又不是全部都是我們需要的，所以這篇就要教大家如何實作一個簡單的 GridView 可以讓使用者編輯，並且提供了的分頁功能 ～

上一篇針對 ASP.NET Web API 做了一個簡單的介紹，如果對概念還不是很清楚的讀者可以在回去看看上一篇的介紹，Web API 即為一種 Web Service ，並尊循了 REST 的設計風格，而其輕量化的服務可以為我們省略很多傳輸上的資源，以筆者的個人經驗來說最近將專案上的某些服務拉上 Web API 實作，整體的運作流程上真的比原本呼叫 Controller 來的快許多，而因為其又遵循了 REST 設計風格，讓筆者可以很輕鬆透過前端的 jQuery 來對我們後端的資料作請求，所以接下來這篇將針對利用 jQuery 發送請求至我們的 Web API 來對資料做 CRUD ，而在操作上有哪些需要注意的地方。

現在的 Web Service 越來越重視使用者經驗（User Experience），在網頁上我們也滿常看到 AutoComplete 這種 jQuery Plug-in 能讓使用者在搜尋資料上更佳的方便，就像是常見的搜尋引擎我們只需輸入幾個字就會跳出相關的資料讓我們能更快速的找到我們要的東西，前陣子在專案的上剛好碰到類似的需求，共分兩種範例以Server端來實現資料查詢已經回傳前N筆，另一部分則是透過Javascript來對我們回傳的資料進行操作，供大家參考看看 ~~

一般電子商務網站的註冊表單最常見的資料驗證莫過於：帳號密碼不能超過12個字、生日欄位是必須輸入的....等，而在 ASP.NET MVC 中只要透過 Model 資料驗證搭配 Jquery-Validate 的套件就能輕鬆達到前端的驗證，但是如果今天老闆或客戶告訴你：「我希望當使用者輸入的字元超過資料庫欄位大小就沒辦法在輸入了！」，這時候我們又該如何解決呢 ? 不過我們不用怕先請出三大金言：「莫慌、莫急、莫害怕」來為我們祈禱，再來看看該如何解決此問題！