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提議的 設計模式...
打破沙鍋-AJAX POST比GET效率差?
故事要從點部落看到的 一篇文章 說起,該文章引薦了另一篇文章: 如何有效的提升網站的效能 - 12項建議 ,提出不少網頁前端設計上的效能提示,不過其中第8點: 在使用Ajax時,請盡量以GET的方式進行請求,以POST的方式將造成雙倍的要求次數 卻讓人有些疑惑,依我對HTTP GET與POST運作原理的理解,無法解釋Request數變兩倍的理由。於是在噗浪上 討論了一番 ,發現許多人跟我有相同的疑問,直到JavaScript神人-費拉諾蘭大公現身,指引眾人一條明路,在Yahoo Developer...
Telerik RadGrid AJAX更新範例
RadControls for ASP.NET AJAX 是一套挺優秀的ASP.NET元件庫,包辦了開發ASP.NET專案時需要用到的大小控制項(如: Grid、日期選擇器、數字輸入欄位、頁籤... 等等),手上有幾個專案裡就是利用RadGrid的 Client-Side Data-Binding 實現AJAX式的換頁及重排效果,但中年人記憶消失之快已到了令人心驚的地步,每次要寫類似應用都要花上大半天回頭從舊程式找範例(要命的是連在哪個專案寫過都要想半天),於是催生了這篇" 銀杏文 "...
AJAX動態內容支援回上頁-HTML5篇
昨天提到 在AJAX情境支援回上頁 的做法,Ammon馬上補充重要資訊(再次感謝!!) --- 針對AJAX模式下記錄瀏覽歷程的需求,HTML5 history物件已增加了新功能。(詳情可參考 MDN文件 ) jQuery BBQ透過pushState(), getState()及hashchage事件實現AJAX變動歷程的記錄,而HTML5則是在既有history物件上增加了pushState()、replaceState()方法、state屬性,並在window物件新增onpopstate事件...
讓AJAX動態內容支援瀏覽器回上頁功能
隨著AJAX動態更新技術的普及,手邊專案有愈來愈多網頁開始實現"無PostBack"的設計風格,透過jQuery $.post(), $.get()與ASP.NET程式溝通,執行查詢、更新作業並取得結果,再動態改變HTML DOM回應使用者。(註: 對ASP.NET開發者來說,UpdatePanel是另一個無痛實現AJAX化的選項,但有些 副作用 ) 由使用者的回饋來看,減少網頁PostBack與網頁重新導向次數,確實大幅提高操作回應速度,提供更好的操作體驗,不過倒有一個常被垢病之處...
【茶包射手日記】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 AMJeffrey | with no comments
Filed under: ,
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、寬頻或撥接環境...
使用XHR下載BIG5編碼內容
為一個使用BIG5編碼的網站寫一小段AJAX Script滿足需求,結果踢到了鐵板。 使用$.get()或$.post()取得後端網頁程式執行內容是很普遍的技巧,但若網頁採BIG5編碼而非UTF-8時,會衍生額外議題。 以下面的網頁為例,我們在按鈕click()事件中使用$.get(location.href)取回網頁本身內容再alert出來,但有個重點--網頁記得要存成為BIG5編碼。(不知如何指定檔案編碼的朋友,可參考文末附註) <! DOCTYPE html > < html...
透過Javascript觸發檔案下載
使用者在點擊網頁元素後啟動檔案下載的方法有好幾種,我做了一個ASP.NET網頁一次測試window.open(), location.href, 隱藏iframe等三種方法,同時還加個Checkbox以模擬下載失敗顯示錯誤訊息網頁的情境。 <%@ Page Language="C#" %> <! DOCTYPE html > < script runat ="server" > void Page_Load( object...
CODE-跑Javascript迴圈執行AJAX呼叫
手邊有一隻ASP.NET程式,呼叫時透過URL帶入不同日期,可執行特定的計算邏輯。在正常情境下會有排程每天傳入當天日期計算,在測試台上想強制重算某段期間的資料,需要跑迴圈不斷傳入不同日期執行。 處理這個需求,我最優先想到的策略是用 Mini C# Lab 寫幾行程式搞定。不過想想,有時需求可能發生在網頁的AJAX互動上,特別是整合別人所提供的API,當API規格限定一次只處理一筆,使用迴圈Hacking就成了簡單但有效的解決方案。決定把這個需求當成練習,用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...
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那一節...
隱含殺機的GET式AJAX資料更新
jQuery的出現讓AJAX網頁的開發瞬間變簡單了。只要寫支簡單的ASPX,用Request["..."]接入前端用jQuery.ajax()傳來的參數,馬上就實現了AJAX式的資料查詢、新增、修改、刪除功能。但是,小心不要寫出如下的程式碼: protected void Page_Load( object sender, EventArgs e) { if (Request[ "mode" ] == "del" ) { try { CheckCookieForAuthentication...
CODE-定時自動更新的UpdatePanel
雖然上回已明白揭示過UpdatePanel 傳輸效率不佳 的事實,剛好有同事請我提供網頁部分內容定期自動更新的範例。想了一下,UpdatePanel還是最佳的解決方案,理由是: 開發人員較少Javascript的開發經驗,但ASPX經驗豐富。 該網頁使用者人數不多,更新頻率不高(約一分鐘一次)。 需求很急迫,不是學新東西的好時機,希望使用的技術愈簡單愈易實作愈好。 符合上述條件的技術選項,毋庸置疑,非UpdatePanel莫屬!! (再次證明,"沒有一無是處的技術,只有用錯場合的白目"...
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...
更多文章 下一頁 »

搜尋

Go

<May 2013>
SunMonTueWedThuFriSat
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678
 
RSS
【工商服務】
OrcsWeb: Windows Server Hosting
twMVC
最新回應

Tags 分類檢視
關於作者

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

文章典藏
其他功能

這個部落格


Syndication