Browse by Tags

【答客問】使用jQuery.ajax傳送複雜參數到ASP.NET MVC
讀者小黑提問: 使用jQuery.ajax傳送物件陣列給ASP.NET MVC 一文已示範如何使用jQuery.post()傳遞List<Player>到ASP.NET MVC,但依該做法傳送List<string>卻無法成功,應如何解決? 熬不住手癢,就來動手實測玩看看吧!改寫前文的MVC Action,加入接收string[] mylist參數,同時結果改為players及mylist一併回傳: ///測試用Action,前端接入List<Player>,轉JSON後傳回...
Posted 10 October 2014 06:31 PMJeffrey | with no comments 7,168
Filed under: ,
HTML5上傳作業進度條-SignalR進階版
【前情提要】 利用File API與XHR2 onprogress事件,我們成功做出 檔案上傳進度條 。但我在工作上常遇到另一種情境 -- 內部系統的上傳轉檔作業。營運資料檔案一般不大,加上在Intranet裡傳輸,上傳只在彈指間,Server端解析資料、塞入資料庫才是重頭戲,常得耗上幾十秒到幾分鐘。這種狀況下,用XHR2做進度條的意義不大,咻! 一秒不到就從0%到100%,但上傳資料何時能處理完只有天知道? 使用者終究又陷入無法得知系統還在跑或者已經當掉的焦慮。我想起了"SignalR"...
HTML5檔案上傳進度條
在傳統網頁上傳大檔案,得等到全部傳完才會有回應,等待期間沒消沒息,搞不清楚是沒傳完還是當掉常為人詬病,也嚴重破壞使用者體驗。想在傳輸過程回報上傳進度,過去有些Flash、Java Applet或ActiveX的解決方案,但依賴外掛元件有部署及無法跨平台的疑慮。當HTML5規格漸成主流,長久以來的問題總算有了簡潔有效的解法。 要掌握上傳進度有一個關鍵: Client Script必須掌握檔案大小以及已上傳資料量,才可能計算上傳百分比回報狀態。傳統使用<input type="file">選取檔案配合<input...
使用jQuery傳送物件JSON到ASP.NET MVC
過去介紹過用jQuery 傳件物件陣列 及 字串陣列 到ASP.NET MVC,採取的格式一直都還是application/x-www-form-urlencoded,遇到物件陣列時會編碼成players[0][Id]=...&players[0][Name]=..;JSON是當今傳輸轉換格式的主流,比起Form UrlEncode更直覺易偵錯,如要進行客製有豐富的現成程式庫,是更佳的選擇。 要以JSON格式傳送物件給ASP.NET MVC,除POST內容需為JSON字串,更重要的是HTTP...
使用jQuery.post傳送字串陣列參數到ASP.NET MVC
本範例展示如何透過jQuery.post傳送string[]參數給ASP.NET MVC。 情境模擬訊息發送操作,提供網頁介面供使用者挑選接收者(採用複選式下拉選單)、輸入發送內容後按鈕傳送訊息給指定對象。 ASP.NET MVC Controller如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc;   namespace...
Posted 14 December 2013 02:20 PMJeffrey | with no comments 12,555
Filed under: ,
使用jQuery.ajax傳送物件陣列給ASP.NET MVC
在ASP.NET MVC裡,我們可以用物件集合當成Action的傳入參數,例如以下範例: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc;   namespace MvcMobileLab.Controllers { public class AjaxPostController : Controller { public ActionResult...
Posted 23 June 2012 08:19 AMJeffrey | 4 comment(s) 47,809
Filed under: ,
Multiple-Selection Field With jQuery Unobtrusive Validation
ASP.NET MVC 3 comes with jQuery unobtrusive validation (if you are not familiar with jQuery unobtrusive validation, Brad Wilson has a good article ), an elegant way to implement client-side validation. After learning it, I start to use it widely in my...
謙卑式jQuery檢核範例-動態變更檢核設定
接連介紹了 謙卑式jQuery檢核 、 整合Server端檢核 、 自訂檢核條件 ,針對應用時常遇問題,發現還缺了一塊: 當使用AJAX方式動態更新<input>內容或檢核設定時,應如何讓檢核設定生效? 依據jquery.validate.unobtrusive.js的運作原理,它會在網頁載入後立即呼叫$.validator.unobtrusive.parse(document)解析讀取元素的data-val-*標示,完成檢核條件設定,這也意味著事後加入<input>或追加data...
謙卑式jQuery檢核範例-自訂規則
前面介紹過 謙卑式jQuery檢核 ,並補充了 呼叫後端程式進行檢核 的做法,最後只要再學會加入自訂檢核規則的做法,謙卑式jQuery檢核就算功能完整,可以在專案中挑大樑了! 加入自訂檢核邏輯的動作包含兩部分: 1) 使用jQuery.validator.addMethod加入自訂檢核規則,提供一個函數執行檢查並傳回true/false 2) 使用jQuery.validator.unobtrusive.adapters.add定義自訂檢核規則的HTML語法及額外設定程序 在以下的程式範例中,我宣告了兩個自訂規則...
使用jQuery.validate.unobtrusive.js
Unobtrusive Javascript 是一種將Javascript從HTML結構抽離的設計概念(延伸閱讀: kewang , ericsk ),避免在HTML標籤中夾雜onchange、onclick Attribute掛載Javascript事件,讓HTML歸HTML、Javascript歸Javascript,功能權責清楚區分,HTML也變得清爽容易閱讀。 ASP.NET MVC 3加入的Unobtrusive jQuery Validation,徹底實踐了Unobtrusive Javascript的精神...
NuGet程式包-改良ASP.NET MVC驗證訊息顯示
ASP.NET MVC針對Create/Edit View提供了方便好用的 Client端驗證機制 , 但對我來說有一點"美中不足": 在專案中我常使用如下圖的"表格式欄位排版",預設驗證訊息會被接在欄位的正後方,多出的文字會增加<td>的寬度,即使換行顯示在下方也會增加<td>的高度,無論如何都會破壞原本的畫面配置。 在還沒改用ASP.NET MVC的年代,我習慣選用 Position: Absolute 的 jQuery Inline...
Inline Style ASP.NET MVC Validation Message
ASP.NET MVC provides a cool way to add client-side validation for create/edit view, only one thing is defective for me. I used a lot of "table-layout editor” UI in my web projects, like the snapshot below, and the validation messages will be appended...

搜尋

Go

<July 2017>
SunMonTueWedThuFriSat
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication