Browse by Tags

再談AJAX呼叫的同步化

接獲報案: 某網頁透過AJAX新增資料，接著以AJAX方式取回資料清單，卻不見剛才新增的項目，重新整理網頁則正常。 經過一番檢測，確認與AJAX的非同步特性有關， 循序執行AJAX呼叫 的做法先前曾討論過，但這回我們改從問題剖析的角度再切入一次。 試著用以下範例重現問題。假設有一個後端ASP.NET程式如下，傳入參數mode=add時可新增字串元素，mode=clear時清除所有資料，否則傳回字串陣列內容。為求簡化，此處用Session儲存資料取代原本的DB作業。 <%@ Page Language...

Posted 17 October 2013 05:14 PM 由 Jeffrey | 9 comment(s) 35,627

Filed under: AJAX, jQuery

CODE-以jQuery循序執行AJAX呼叫，並依結果決定是否繼續

很繞口的標題，不過就是我這次挑戰的需求。 用Google Map API轉換地址 時，曾示範過利用$.when().then()等待所有$.ajax()呼叫都完成後才執行顯示地圖的jQuery寫法，但這次的情境有點不同。 每次處理1到多筆AJAX呼叫(透過$.post()) 多筆AJAX呼叫需依序執行，第1筆執行完畢時才執行第2筆 當某一筆AJAX呼叫傳回特定結果時，代表出現狀況，停止後續AJAX動作 jQuery的$.ajax()自1.5版起改為回傳Promise物件(CommonJS提議的 設計模式...

Posted 05 September 2012 03:53 PM 由 Jeffrey | 7 comment(s) 24,433

Filed under: AJAX, jQuery

讓AJAX動態內容支援瀏覽器回上頁功能

隨著AJAX動態更新技術的普及，手邊專案有愈來愈多網頁開始實現"無PostBack"的設計風格，透過jQuery $.post(), $.get()與ASP.NET程式溝通，執行查詢、更新作業並取得結果，再動態改變HTML DOM回應使用者。(註: 對ASP.NET開發者來說，UpdatePanel是另一個無痛實現AJAX化的選項，但有些 副作用 ) 由使用者的回饋來看，減少網頁PostBack與網頁重新導向次數，確實大幅提高操作回應速度，提供更好的操作體驗，不過倒有一個常被垢病之處...

Posted 22 September 2011 07:49 AM 由 Jeffrey | 4 comment(s) 29,046

Filed under: AJAX, jQuery

使用XHR下載BIG5編碼內容

為一個使用BIG5編碼的網站寫一小段AJAX Script滿足需求，結果踢到了鐵板。 使用$.get()或$.post()取得後端網頁程式執行內容是很普遍的技巧，但若網頁採BIG5編碼而非UTF-8時，會衍生額外議題。 以下面的網頁為例，我們在按鈕click()事件中使用$.get(location.href)取回網頁本身內容再alert出來，但有個重點--網頁記得要存成為BIG5編碼。(不知如何指定檔案編碼的朋友，可參考文末附註) <! DOCTYPE html > < html...

Posted 18 August 2011 07:36 AM 由 Jeffrey | with no comments 13,187

Filed under: 中文編碼, AJAX, jQuery

CODE-跑Javascript迴圈執行AJAX呼叫

手邊有一隻ASP.NET程式，呼叫時透過URL帶入不同日期，可執行特定的計算邏輯。在正常情境下會有排程每天傳入當天日期計算，在測試台上想強制重算某段期間的資料，需要跑迴圈不斷傳入不同日期執行。 處理這個需求，我最優先想到的策略是用 Mini C# Lab 寫幾行程式搞定。不過想想，有時需求可能發生在網頁的AJAX互動上，特別是整合別人所提供的API，當API規格限定一次只處理一筆，使用迴圈Hacking就成了簡單但有效的解決方案。決定把這個需求當成練習，用jQuery寫了以下的程式碼: <...

Posted 01 June 2011 07:06 AM 由 Jeffrey | 2 comment(s) 13,094

Filed under: AJAX, jQuery

ASP.NET AJAX Control慨然嘆曰: 既生瑜，何生亮?

不只是我，連Microsoft也深深愛上jQuery了! 兩年前，我與jQuery 一見鍾情 ，當下決定甩掉豪門千金ASP.NET AJAX Client Library，跟著jQuery私奔為愛走天涯... 真是個為難的決定呀!(嗯呀! 哪個男人不想減少奮鬥三十年) ASP.NET AJAX Client Library是所有ASP.NET AJAX Control的基礎，而網頁互動不可或缺的元素如DatePicker、 AutoComplete 、 Accordion … 等，在ASP.NET...

Posted 28 March 2010 07:14 PM 由 Jeffrey | 4 comment(s) 28,803

Filed under: Javascript, ASP.NET, AJAX, jQuery

TIPS-jQuery vsdoc檔案何處尋?

微軟已將jQuery 正式納入 成為ASP.NET的一部分，VS2010 RC的ASP.NET 4.0專案甚至專案樣版中就已內附jquery-1.3.2之相關檔案: 不過，jQuery的版本更新還挺頻繁的，每次一改版，就會看到有不少人在詢問提供Visual Studio Intellisense的 vsdoc 出來了沒有? 要去哪裡下載? 向大家報告一個好消息，以後不用四方打聽到處詢問囉! 直接到 Microsoft AJAX CDN 找就好了(在jQuery Releases on the CDN那一節...

Posted 22 March 2010 02:00 PM 由 Jeffrey | 5 comment(s) 15,773

Filed under: ASP.NET, AJAX, jQuery

隱含殺機的GET式AJAX資料更新

jQuery的出現讓AJAX網頁的開發瞬間變簡單了。只要寫支簡單的ASPX，用Request["..."]接入前端用jQuery.ajax()傳來的參數，馬上就實現了AJAX式的資料查詢、新增、修改、刪除功能。但是，小心不要寫出如下的程式碼: protected void Page_Load( object sender, EventArgs e) { if (Request[ "mode" ] == "del" ) { try { CheckCookieForAuthentication...

Posted 16 April 2009 04:13 PM 由 Jeffrey | 9 comment(s) 36,047

Filed under: Javascript, Security, AJAX, jQuery

Wow! ASP.NET AJAX Client Templates!

前陣子CodePlex釋出了 ASP.NET AJAX 4.0 Preview 3 ，本來我是渾然不覺的，直到在PDC 2008的課程影片裡看到神奇的示範... 這個新鮮玩意叫做ASP.NET AJAX Client Templates，簡單來說，就是把大家已經很熟悉的WebControl Template概念移至Client端以Javascript端實作。以下的語法對寫過一陣子程式的ASP.NET開發者應該不陌生: 1: <form id= "form1" runat...

Posted 25 November 2008 12:54 PM 由 Jeffrey | 8 comment(s) 36,643

Filed under: ASP.NET, AJAX, jQuery

搜尋