Browse by Tags

隱含殺機的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 | 6 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

TIPS-Create AJAX-enabled WCF Service

上回介紹過 讓WCF支援AJAX Scripting 的方法，今天才發現，加上[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]及修改web.config設定的步驟，其實VS2008就可以代勞。 如下圖，新增WCF時，選擇 AJAX-enabled WCF Service ，產生的WCF就是AJAX Scripting專用的。 我發現的主要差別包括: 不會額外多宣告一個Interface...

Posted 02 December 2008 05:11 AM 由 Jeffrey | with no comments

Filed under: Tips, ASP.NET, AJAX

ASP.NET AJAX Templates: 使用宣告法

【ASP.NET AJAX Templates系列】 Wow! ASP.NET AJAX Client Templates! UpdatePanel招誰惹誰? WCF For Client Script 除了使用Javascript進行Data Binding外，ASP.NET AJAX Templates也支援透過標籤宣告完成設定，官方網站有一篇 說明文件 介紹宣告的做法，主要重點如下: 我們在先前的例子中，一開始Template要設定CSS display:none，set_data()完要自己修改Style將它顯現出來...

Posted 02 December 2008 04:22 AM 由 Jeffrey | 2 comment(s)

Filed under: ASP.NET, AJAX

WCF For Client Script

話說上回介紹了 ASP.NET AJAX Client Templates ，資料的來源需為Javascript物件陣列的形式，為了簡化起見，我是以Javascript [ { ... }, { ... } ]的方式Hard-Coding產生物件陣列。而在實務上，我們多半會另外撰寫一個Web Page、Web Service或WCF作為資料來源。 在微軟構築的藍圖中，WCF已內建Client Script支援功能，整合的緊密度讓人驚豔，算是建構AJAX後端的王道。更進一步，若資料來源更直接地映對到資料庫DataTable時...

Posted 27 November 2008 06:09 AM 由 Jeffrey | with no comments

Filed under: ASP.NET, AJAX

UpdatePanel招誰惹誰?

在前一篇文章裡，為 ASP.NET AJAX Client Templates 做了個開場，某些人心中或許已浮現幾絲驚恐，不斷吶喊--為什麼? 為什麼有人要對UpdatePanel趕盡殺絕? UpdatePanel用得好好的，為什麼忽然又要改朝換代學新東西? 沒了UpdatePanel，叫我們不會寫Javascript又被老闆要求搞什麼鬼AJAX的人去死嗎? 其實，不用過度驚慌，沒有一無是處的技術，只有用錯場合的白目。UpdatePanel並非萬惡不赦，只是在應用它之餘，也要通曉它的優點與罩門，儘可能找到可以展現優點的時機...

Posted 26 November 2008 06:34 AM 由 Jeffrey | 8 comment(s)

Filed under: ASP.NET, KB, AJAX

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

Filed under: ASP.NET, AJAX, jQuery

My ASP.NET AJAX Client Library Tips

講到ASP.NET AJAX，很多人想到是拉個UpdatePanel，完全不必搞懂Javascript，就可以寫出AJAX的東東。事實上，ASP.NET AJAX除了讓大家可以用懶人法寫AJAX之外，在Javascript的Support上也提供了不少強化，這點之前就曾 提過 。 最近又重回Web開發的工作，在策略上重用ASP.NET AJAX Client Library，也陸續學會不少小技巧，以下是幾個我覺得不錯的，整理出來給大家參考: $get("elementName"...

Posted 22 February 2008 02:35 PM 由 Jeffrey | 3 comment(s)

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

UpdatePanel PostBack時執行Javascript範例

之前寫過一篇介紹 在UpdatePanel動態更新時觸發Javascript 的方法，不過有網友反應不清楚實作的細節，索性就寫一個極簡單的程式，實際示範一下。 <%@ Page Language="C#" AutoEventWireup="true" %> < html > < head >< title > UpdatePanel Call Javascript </ title ></ head...

Posted 08 December 2007 01:09 AM 由 Jeffrey | 4 comment(s)

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

TOOL-Create Your Own AJAX-Style Waiting Animation

上面這種轉轉轉跟著AJAX一起紅了起來，陪許多User渡過漫長的"非同步傳輸"等待期間。 我的Window Form Project裡加了用Multithread方式跟Server要資料的功能，所以也想找一個來陪伴可憐的User，結果找到這個不錯的網站: http://ajaxload.info/ 。 可以指定樣式、背景色、前景色做出各式"AJAX Style"的等待動畫GIF，直接下載回家，COOL~~~

Posted 17 August 2007 10:10 AM 由 Jeffrey | with no comments

Filed under: Tools, AJAX

【黑暗信箱】TreeView Client-Side功能開發

網友Slash問: 最近加入了ASP.NET開發人員的行列(歡迎，歡迎，熱烈歡迎!)，老板交付的第一個任務是將Javascript寫的檔案總管換成ASP.NET中的TreeView控制項，且需要右鍵選單、新增、刪除、更名、移動、複製資料夾，目錄要能新增無限多層... 初步構想是在各節點都觸發右鍵事件，一旦觸發就傳入給Javascript撰寫的右鍵選單類別三個參數，分別是位於哪一階層的參數、nodeID、rootID，讓各方法得知目錄所在位置，而被呼叫的方法就傳回Directory字串跟動態更新Sitemap的內容...

Posted 14 June 2007 02:41 PM 由 Jeffrey | with no comments

Filed under: ASP.NET, KB, AJAX

AJAX: Trigger UpdatePanel With Javascript

有時候，我們需要透過JavaScript觸發UpdatePanel的更新動作。我個人偏好在UpdatePanel中放一顆按鈕，然後由Javascript來"按"下這顆按鈕。如此，更新邏輯就可大大方方地寫在Button的Server-Side Click事件中，跟標準的ASP.NET AJAX設計方式相同，程式區塊一目瞭然，對寫程式跟看程式的人來說，都很直覺易懂。 例如以下的範例: < form id ="form1" runat ="server" > < div > <...

Posted 20 April 2007 09:36 AM 由 Jeffrey | with no comments

Filed under: ASP.NET, AJAX

TIPS-Call Javascript function after UpdatePanel postback

我希望UpdatePanel中的Button在觸發非同步的Postback後，除了更新Update Panel中Label的值，還可以觸發一段Javascript，呼叫前端的Javascript Function。試了幾種方法都失敗了! 1) Response.Write想當然不Work，因為ASPX網頁並沒有重新Render。 2) 加了一個Literal在UpdatePanel中，設定Literal1.Text="<script>blah();</script>"。用...

Posted 18 April 2007 06:58 PM 由 Jeffrey | 10 comment(s)

Filed under: ASP.NET, AJAX

TIPS-Invoke HttpRequest with ASP.NET AJAX client library

ASP.NET AJAX除了神奇地 簡化了 前端動態更新式網頁的開發工作化，還建立了不少Client-Side Script的基礎建設。神奇簡化的背後是靠複雜的ViewState、HTML部分更新堆砌起來的，ASP.NET AJAX所提供的UpdatePanel或ASP.NET 2.0的Script Callbacks，程式寫來超簡單，但每按一個鈕的代價是數十K資料在網路飛來飛(過陣子我會針對這部分做些探討)，是否值得什麼東西都要AJAX化或放棄自己Coding HttpRequest改用ASP...

Posted 17 April 2007 01:25 AM 由 Jeffrey | 7 comment(s)

Filed under: ASP.NET, AJAX

搜尋