Browse by Tags

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)

Filed under: AJAX, jQuery

打破沙鍋-AJAX POST比GET效率差?

故事要從點部落看到的 一篇文章 說起，該文章引薦了另一篇文章: 如何有效的提升網站的效能 - 12項建議 ，提出不少網頁前端設計上的效能提示，不過其中第8點: 在使用Ajax時，請盡量以GET的方式進行請求，以POST的方式將造成雙倍的要求次數 卻讓人有些疑惑，依我對HTTP GET與POST運作原理的理解，無法解釋Request數變兩倍的理由。於是在噗浪上 討論了一番 ，發現許多人跟我有相同的疑問，直到JavaScript神人-費拉諾蘭大公現身，指引眾人一條明路，在Yahoo Developer...

Posted 10 June 2012 07:18 AM 由 Jeffrey | 3 comment(s)

Filed under: Performance, AJAX

Telerik RadGrid AJAX更新範例

RadControls for ASP.NET AJAX 是一套挺優秀的ASP.NET元件庫，包辦了開發ASP.NET專案時需要用到的大小控制項(如: Grid、日期選擇器、數字輸入欄位、頁籤... 等等)，手上有幾個專案裡就是利用RadGrid的 Client-Side Data-Binding 實現AJAX式的換頁及重排效果，但中年人記憶消失之快已到了令人心驚的地步，每次要寫類似應用都要花上大半天回頭從舊程式找範例(要命的是連在哪個專案寫過都要想半天)，於是催生了這篇" 銀杏文 "...

Posted 01 December 2011 06:07 AM 由 Jeffrey | 1 comment(s)

Filed under: ASP.NET, AJAX, CODE

AJAX動態內容支援回上頁-HTML5篇

昨天提到 在AJAX情境支援回上頁 的做法，Ammon馬上補充重要資訊(再次感謝!!) --- 針對AJAX模式下記錄瀏覽歷程的需求，HTML5 history物件已增加了新功能。(詳情可參考 MDN文件 ) jQuery BBQ透過pushState(), getState()及hashchage事件實現AJAX變動歷程的記錄，而HTML5則是在既有history物件上增加了pushState()、replaceState()方法、state屬性，並在window物件新增onpopstate事件...

Posted 23 September 2011 09:21 AM 由 Jeffrey | 3 comment(s)

Filed under: Javascript, AJAX, HTML5

讓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)

Filed under: AJAX, jQuery

【茶包射手日記】Native XMLHttpRequest

使用者回報某段使用XHR(XMLHttpRequest)的Script在他的IE8上執行出現錯誤。 追查發現，問題出在Script中使用了xhr.timeout，而系統回報不支援，求證發現timeout屬性是IE8主打的 XHR強化項目 ，而瀏覽器版本的確是IE8無誤。 進一步檢查，更大吃一驚! 程式碼中有段制式的跨瀏覽器XHR物件產生寫法，在遇到 IE6 某些 早該消失在地球上 的舊版瀏覽器時，可使用XMLHTTP ActiveX物件取代原生XHR: var xhr = (window.XMLHttpRequset...

Posted 26 August 2011 06:07 AM 由 Jeffrey | with no comments

Filed under: IE, AJAX

IE MaxConnectionsPerServer參數效果實測

最近在搞用Client Script模擬壓力測試的把戲，順道對IE的MaxConnectionsPerServer屬性做了實測。 IE6/7預設會限制從同一台網站伺服器下載檔案最多只能同時用2條連線，換句話說，若一個網頁上有12個不同的<img>圖檔來自同一台網站伺服器，IE6/7並不是一口氣發出12個HTTP GET Request取回圖檔，而是讓12個Request排隊輪流共用兩條連線下載檔案。IE8起，同時連線數的上限才被提高到6條。(事實上，針對HTTP 1.0或1.1、寬頻或撥接環境...

Posted 24 August 2011 10:44 PM 由 Jeffrey | 9 comment(s)

Filed under: ASP.NET, IE, AJAX

使用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

Filed under: 中文編碼, AJAX, jQuery

透過Javascript觸發檔案下載

使用者在點擊網頁元素後啟動檔案下載的方法有好幾種，我做了一個ASP.NET網頁一次測試window.open(), location.href, 隱藏iframe等三種方法，同時還加個Checkbox以模擬下載失敗顯示錯誤訊息網頁的情境。 <%@ Page Language="C#" %> <! DOCTYPE html > < script runat ="server" > void Page_Load( object...

Posted 12 August 2011 06:54 PM 由 Jeffrey | 4 comment(s)

Filed under: Javascript, AJAX

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)

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)

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)

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 | 8 comment(s)

Filed under: Javascript, Security, AJAX, jQuery

CODE-定時自動更新的UpdatePanel

雖然上回已明白揭示過UpdatePanel 傳輸效率不佳 的事實，剛好有同事請我提供網頁部分內容定期自動更新的範例。想了一下，UpdatePanel還是最佳的解決方案，理由是: 開發人員較少Javascript的開發經驗，但ASPX經驗豐富。 該網頁使用者人數不多，更新頻率不高(約一分鐘一次)。 需求很急迫，不是學新東西的好時機，希望使用的技術愈簡單愈易實作愈好。 符合上述條件的技術選項，毋庸置疑，非UpdatePanel莫屬!! (再次證明，"沒有一無是處的技術，只有用錯場合的白目"...

Posted 11 December 2008 03:21 PM 由 Jeffrey | 1 comment(s)

Filed under: ASP.NET, AJAX, CODE

ASP.NET AJAX Templates - Data Binding與Master-Detail連動

【ASP.NET AJAX Templates系列】 Wow! ASP.NET AJAX Client Templates! UpdatePanel招誰惹誰? WCF For Client Script 使用宣告法 先前的ASP.NET AJAX Templates 介紹 都集中在如何將資料反應到顯示元素上，記得嗎? 在Server Control Template中，我們 可以寫Eval也可以寫Bind ，當使用Bind時，更改Template裡的資料，會反應回原始的資料來源上，這在ASP.NET...

Posted 05 December 2008 07:30 PM 由 Jeffrey | 5 comment(s)

Filed under: ASP.NET, AJAX

搜尋