寫這篇的動機是常在專案看到「古典式」JavaScript陣列處理，例如：跑迴圈將物件陣列的某個字串屬取出轉成字串陣列、篩選物件陣列取得特定類別的集合。用for迴圈處理沒什麼不對，但既然專案已經用了jQuery，能一行搞定卻寫成三五行不免可惜（程式又不按行數計酬，寫愈多手愈酸咩 XD）。感覺上還有...

最近在寫的元件有個「彈出對話框經使用者確認再刪除」的需求，原本是小事一椿，但之前介紹過使用自訂確認對話框取代window.confirm的技巧已廣泛應用在專案裡，某些時候也可能只用window.confirm就打發，問題就變複雜了。 二者最大的差異是前者（$.kendoConfirm）為非同步...

在寫JavaScript程式時，常有協調非同步作業的需求，像是作業B必須等待作業A完成後再進行，傳統做法多使用Callback函式，例如： function doJobA(callback) { //do something callback(); } function d...

讀者小黑提問：使用jQuery.ajax傳送物件陣列給ASP.NET MVC一文已示範如何使用jQuery.post()傳遞List<Player>到ASP.NET MVC，但依該做法傳送List<string>卻無法成功，應如何解決？ 熬不住手癢，就來動手實測玩看看吧...

雖然按 Tab 切換輸入焦點已是Windows操作的普遍慣例，但每回在寫作業平台網站時，規格中總少不了"要能直接按 Enter 切換到下一個輸入欄位"的要求。網路上已經有很多在網頁上用 Enter 取代 Tab 移動焦點的 jQuery Plugin，但很可惜沒有一個100%滿足我的需求，所以，...

【前情提要】利用File API與XHR2 onprogress事件，我們成功做出檔案上傳進度條。但我在工作上常遇到另一種情境 -- 內部系統的上傳轉檔作業。營運資料檔案一般不大，加上在Intranet裡傳輸，上傳只在彈指間，Server端解析資料、塞入資料庫才是重頭戲，常得耗上幾十秒到幾分鐘。...

在傳統網頁上傳大檔案，得等到全部傳完才會有回應，等待期間沒消沒息，搞不清楚是沒傳完還是當掉常為人詬病，也嚴重破壞使用者體驗。想在傳輸過程回報上傳進度，過去有些Flash、Java Applet或ActiveX的解決方案，但依賴外掛元件有部署及無法跨平台的疑慮。當HTML5規格漸成主流，長久以來的...

這年頭，網頁如果不支援從桌面或檔案總管直接拖拉檔案，想自稱HTML5都心虛，只能稱作HTML4.5(誤)，老闆客戶還會不時打你臉: "Gmail、OneDrive(SkyDrive)、DropBox幾百年前就有了! 為什麼你到現在還做不出來?" (網頁攻城獅內心的OS: ...

KendoUI由2013.2.716升級到2013.3.1119後，出現kendoWindow指定位置無效的狀況。問題程式碼為$("#w").kendoWindow({ position: { top: 6, left: 6 } })，跟官方文件範例相同，原本運作良好，元件升...

過去介紹過用jQuery傳件物件陣列及字串陣列到ASP.NET MVC，採取的格式一直都還是application/x-www-form-urlencoded，遇到物件陣列時會編碼成players[0][Id]=...&players[0][Name]=..；JSON是當今傳輸轉換格式的主...

本範例展示如何透過jQuery.post傳送string[]參數給ASP.NET MVC。 情境模擬訊息發送操作，提供網頁介面供使用者挑選接收者(採用複選式下拉選單)、輸入發送內容後按鈕傳送訊息給指定對象。 ASP.NET MVC Controller如下: using...

接獲報案: 某網頁透過AJAX新增資料，接著以AJAX方式取回資料清單，卻不見剛才新增的項目，重新整理網頁則正常。 經過一番檢測，確認與AJAX的非同步特性有關，循序執行AJAX呼叫的做法先前曾討論過，但這回我們改從問題剖析的角度再切入一次。 試著用以下範例重現問題。假設有一個後...

一個多月前重翻Silverlight版，寫成純jQuery版地址輸入輔助器，當時提到近期會以Open Source方式釋出。薑薑薑薑~ 終於，我也有作品在偉大的GitHub航道載浮載沈乘風破浪了! 過去有過使用CodePlex分享開源專案的經驗。近幾年來，GitHub憑藉著符合社群交流特性的P...

jQuery於2013/4/18釋出2.0版~ 這是我所寫過最好寫的jQuery改版文，本想只寫個"不解釋"就收工的，因為要講的在jQuery 1.9上市時已經講過囉~ XD 1.9是一次大改版，拿掉不少API，換版後程式不相容機率大增，升級前建議參考升級指南所列舉注意事項，以免踩雷觸礁。...

兩年前寫過 把Silverlight跟jQuery摻在一起做成瀨尿牛丸等級的地址輸入輔助器，將郵遞區號與地址路段資料XML封存在Silverlight XAP中，並在Silverlight以C# + LINQ實作縣市、鄉鎮市區、路名、郵遞區號關鍵字查詢，與jQuery自動完成整合，實現能快速操作...

在網頁設計中輸入欄位連動是很常見的情境，例如有員工編號及員工姓名兩個欄位，當使用者在輸入員工編號後，系統需自動帶出員工姓名。一般最直覺做法是利用<input>的onchange或onblur事件，在使用者輸入完成後送出AJAX呼叫向伺服器查詢後設定姓名欄位。程式範例如下: (展示) ...