理解才能創新 輕鬆打造自己的AJAX架構

來源:互聯網
上載者:User
ajax|ajax架構
  本文實現的只是一個最基本的AJAX架構,雖然AJAX並不是什麼新技術,但是做為一個架構並不是一篇文章就能說明白的。寫這篇文章的目的:希望能協助初學者更好的學習、運用AJAX架構。

  我始終相信只有你真正理解了一種技術,瞭解了技術本身,你才能更好、更靈活的使用它。一個程式員對技術的瞭解並不能僅僅停留在對技術的應用上。

  環境:Window Xp sp2 + .Net FramwWork 2.0.50727。

   Asp.Net 2.0內建的用戶端回調

  Asp.Net 2.0已經發布。2.0有了許多新特性,用戶端回調就是其中之一。用戶端回調允許我們不經過回傳而調用伺服器端的方法,與AJAX提供的功能是一致的,但是不如AJAX靈活,AJAX可以自訂調用的方法, 2.0內建的回調功能卻不行。

  要使用用戶端回調功能必須實現System.Web.UI.IcallbackEventHandler介面。

  這個介面包含兩個方法:

//用戶端回調時固定調用此方法
public void RaiseCallbackEvent(String eventArgument)
//執行完RaiseCallbackEvent後將調用此方法。此方法的傳回值將被發回用戶端
public string GetCallbackResult()

  例一:

.cs:
String cbReference = Page.ClientScript.GetCallbackEventReference(this,"arg", "ReceiveServerData", "context");
String callbackScript;
callbackScript = "function CallServer(arg, context)" + "{ " + cbReference + "} ;";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"CallServer", callbackScript, true);
javascript:
<script type="text/javascript">
function LookUpStock()
{
 var product = "";
 var lb = document.forms[0].ListBox1;
 if(lb.selectedIndex >= 0)
  product = lb.options[lb.selectedIndex].text;
  CallServer(product, "");
}
function ReceiveServerData(rValue) { Results.innerText = rValue; }
</script>

  更多內容查看MSDN。

[1] [2]  下一頁



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.