25個優秀的Ajax技術和執行個體

來源:互聯網
上載者:User

1.Ajax
RSS reader 
 
一個簡單的RSS reader,讀取遠程xml資料基於AJAX,PHP,MYSQL的RSS源, 
這個例子允許使用者在一個網頁中查看多種源內容 

2.Ajax 案頭 
 
該指南是一個手把手教程,通過它你可以建立一個類似 
於PageFlagePageFlage 和 
Netvibes的案頭/網頁。這個指南的目的是展示一些基於web應用程式的技巧,這些技巧也是比較常用的,比如操縱DOM,事件監聽,讀取遠端資料. 
Ajax Desktop demo 

3.AJAX for chat 
使用非同步JS,XML,PHP建立一個簡單的基於web的聊天用戶端 

4.使用AJAX和del.icio.us建立自己的資訊空間 
使用del.icic.us API,但是方法和思想可以適用與其他流行的服務,如:DIGG和Flickr 

5.AJAX超輕量級圖表 
 
使用動態讀取資料允許使用者建立虛擬圖形(falsh with ajax)。 
該方案涉及到js指令碼互動,和setData和setStyle方法 

6.使用ajax和PHP建立日曆 
 
使用ajax和PHP建立一個行事曆群組件,月份轉換無須重新整理頁面 
Quick Calendar demo 

7.如何在你的網站中使用ajax整合google日曆 
 
該指南展示了如何在一個網頁裡建立一個調用一個公用的Google日曆 
AJAX calendar demo 

8.Edit-in-Place with jQuery 

 
Edit In Place demo 1 
Edit In Place demo 2 

9.建立一個AJAX星級評等構件 

 
評定系統,無須點擊按鈕或者重新整理頁面(那通過什嗎??點擊文章的連結???) 
使用js架構/庫:DOJO,JQUERY,mootools,Prototype JS 

10.使用AJAX上傳檔案 
 
AJAX File Uploader demo 

11.使用AJAX,PHP建立mailing列表 

使用MYSQL儲存使用者輸入的資料,Prototype JS 用於簡化AJAX請求和綁定時間處理 

12.安全的連絡人表單 
 
Safer Form demo 

13. Ajax with CAPTCHA 
 

14.基於AJAX的登陸表單 
 
非同步驗證輸入的資料,使用jQuery form plugin和PHP處理請求 
Ajax-based login form demo 

15. AJAX效果(for message box)  
 
在該中,使用者點擊save按鈕,提示框顏色將逐漸消退 
Nice Ajax Effects for messages box demo 

16. 文字自動提示 
 
類似google的效果 
AutoCompleter tutorial demo 

17.自動填滿選擇框 
 
使用jQuery&AJAX,無須重新整理頁面,自動填滿內容 
Auto-populating Select Boxes demo 

18.ajax下拉式功能表 
Ajax Dropdown Menu demo 

19.Ajax/PHP Shoutbox 
 
AJAX Shoutbox demo 

20. 選項卡 
 
通過ajax填充資料, 使用PHP和Prototype JS 
Building Tabbed Content demo 

21.Load In and Animate Content 

 
展示如何讀取資料到一個頁面,使用jQuery處理Ajax請求和處理DOM 
Load In and Animate Content demo 

22. The Hows and Whys of Degradable Ajax 
 
Degradable Ajax demo 

23.使用避免多餘的Ajax互動 
使用該方法,可以在資料沒有更新的情況下,盡量減少不必要的資料庫狀態的改變和計算過程。 

24.更好的AJAX Back Button Solution 
A Better Ajax Back Button demo 

25.Making Ajax Work with Screen Readers 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.