1) TextboxList自動(dòng)完成 （源碼，演示）
這個(gè)控件主要來(lái)自Facebook吧，在網(wǎng)易的郵件里也能看到，還有hotmail等等，在文本框里輸入文本不但可以出現相關(guān)數據的列表，而且選中后的字符串還會(huì )變成一個(gè)小圖標。這個(gè)控件主要用在電子郵件中吧。
Ajax IM是一個(gè)很牛的即時(shí)聊天的客戶(hù)端，你可以使用它制作一個(gè)Web-Based的即時(shí)聊天工具，這是一個(gè)非常強大的Ajax技術(shù)。
以前，檢驗WEB表單的輸入需要放在后臺，因此，用戶(hù)需要提交表單數據到后臺才能知道是否所填寫(xiě)的內容有誤。Ajax把實(shí)時(shí)檢測表單輸入域變成了現實(shí)，如今，我們在網(wǎng)上已經(jīng)能看到很多很多的這樣的應用，比如在你注冊一個(gè)用戶(hù)輸入一個(gè)用戶(hù)名的時(shí)候，不用提交整個(gè)表單到后臺，你就能知道用戶(hù)名是否已被人使用。
所謂即時(shí)編輯器就是雙擊一下網(wǎng)頁(yè)上的文本，于是你就要吧編輯它了，編輯完后再單擊一下別的地方，編輯過(guò)的內容就會(huì )被提交到后臺保存。在這里，給出的示例是一個(gè)非常小巧的即時(shí)編輯器—— inline editor
5）Ajax 式文件上傳
使用Ajax上傳文件會(huì )讓用戶(hù)得到非常好的用戶(hù)體驗，上網(wǎng)隨例搜索一下，有太多太多的各式各樣的文件上傳的Ajax源碼可以使用。然而，在coderproject網(wǎng)站有，你可以下載到一款非常小又非常好的Ajax程序，網(wǎng)址如下：http://www.codeproject.com/KB/aspnet/AJAXUpload.aspx。
當然，如果你要一次上傳多個(gè)文件，那個(gè)這個(gè)小程序還不足以滿(mǎn)足你。不過(guò)，你可以使用JQuery的JQUploader。
更為迷人的文件上傳程序，你可以試試Fancy Upload，它通非常優(yōu)秀的Javascript框架MooTools(http://mootools.net/)構造。
ClickHeat是一個(gè)非常簡(jiǎn)單而非常強大的Ajax技術(shù)，它可以記錄下訪(fǎng)問(wèn)者們對你網(wǎng)站的點(diǎn)擊坐標，以便于你分析你網(wǎng)站的訪(fǎng)問(wèn)者的習慣和他們的關(guān)注點(diǎn)。
這里主要推薦一款叫Maillist的Ajax程序，這是用來(lái)校驗并提交電子郵件的地址的（不需要刷新頁(yè)面），這樣的設計極大地方便了用戶(hù)的使用郵件訂閱某些更新。我們想想看，這樣的用戶(hù)體現絕對會(huì )讓你網(wǎng)站的用戶(hù)特別愿意提交他們的電子郵件。
使用Ajax做一個(gè)在線(xiàn)的WEB的目錄瀏覽器是非?？岬氖虑?，如果沒(méi)有Ajax，這樣的用戶(hù)體驗除上讓用戶(hù)裝一個(gè)ActiveX控件，我們幾乎無(wú)法在Web上實(shí)現。在這里，我們推薦Relay這個(gè)框架，它基本上有這樣一些功能，a)支持文件拖拉，b)動(dòng)態(tài)地載入文件目錄列表， c)還有上傳的進(jìn)度條，d)支持多用戶(hù)賬號。還有很多很多。Relay絕對實(shí)現了你所能想得到的功能。
10）Ajax郵件客戶(hù)端
目前，太多太多的郵件系統越來(lái)越多的使用Ajax技術(shù)。在用戶(hù)體驗方面，Gmail和網(wǎng)易郵箱最好。Hotmail的界面和outlook很相似了，可惜的是hotmail的運行速度感覺(jué)就像一輛后面拖著(zhù)大石頭的跑車(chē)。如果你想要開(kāi)發(fā)一個(gè)Ajax的郵件客戶(hù)端，那么，你一定要讀一下下面的這篇文章：
http://www.devarticles.com/c/a/XML/Take-AJAX-to-Your-Email-Inbox-Developing-a-Webbased-POP-3-Client/
11) 表單字段幫助信息的自動(dòng)提示
增強WEB表單的Usability有很多很多的方法，在網(wǎng)上一搜一大片，然后有些時(shí)候，用戶(hù)會(huì )被表單搞得很混亂，而且，不同的用戶(hù)會(huì )對表單有不同的理解，其輸入也是千奇百怪。所以，為表單字段增加一下自動(dòng)幫助信息的提示絕對是非常不錯的選擇。這點(diǎn)在淘寶網(wǎng)上表現得比較出現。下面是一個(gè)非常簡(jiǎn)單短小的教程。
http://woork.blogspot.com/2008/04/improve-form-usability-with-auto.html
12) qGallery (演示)
雖然這不是一個(gè)有豐富功能的圖庫應用，但這絕對是一個(gè)非常優(yōu)秀的Ajax應用。它基于Prototype Javascript框架（http://prototypejs.org/）制作，它對圖片集的處理是非常優(yōu)秀的。而且是它在節省網(wǎng)絡(luò )帶寬方面也很出色。本文寫(xiě)作之時(shí)，他目前還在開(kāi)發(fā)階段，還沒(méi)有開(kāi)放給大家下載。不過(guò)再等幾個(gè)星期也就差不多該Release了。
人們總是想給他們身連的事物表達他們的喜惡，所以有一個(gè)星式打分控件絕對能滿(mǎn)足他們的欲望。一個(gè)非常簡(jiǎn)單的Ajax腳本可以從下面的鏈接找到：http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
14）CakePHP Ajax表單
如果你是 Django 或 CakePHP的使用者，那么你應該要感謝CakeBaker 的這個(gè)教程——《how to submit a form with Ajax》，而它最強大的功能在于，如果我們的瀏覽器disable了Javascript，表單照樣能夠正常提交。
15）Amberjack 站點(diǎn)導航（源碼，演示）
在Web開(kāi)發(fā)，Amberjack絕對令人過(guò)目難忘的Javascript庫，它能夠幫助你快速地創(chuàng )建站點(diǎn)導航。Amberjack 最優(yōu)秀的地方是，這個(gè)javascript庫只有4K大小，但卻有令人難以置信的簡(jiǎn)易。
Prototype UI基于Prototype 和Scriptaculous開(kāi)發(fā)而成，它主要提供一堆圖形界面的控件，本質(zhì)上來(lái)說(shuō)，他是一個(gè)用戶(hù)接口類(lèi)庫，這個(gè)類(lèi)庫目前還持續增加中。而且所有的控件都可以很方便地定制。
在線(xiàn)的圖片編輯顯然是一個(gè)很棘手的事，那怕你使用photoshop，你也會(huì )覺(jué)得很難使用。當然，對于更多人，我們并不需要使用太多太復雜的圖片編輯功能，如果有你上傳圖片的時(shí)候有這么一個(gè)功能可以讓你剪裁你的圖片，那么將會(huì )是一件很方便的事情。JCrop是一個(gè)jQuery 的插件，它允許你上傳圖片，并提供了非常多豐富的圖片剪裁功能。很有前途。
18）JQuery Auto-tabbing 插件（源碼，演示）
我們知道，在我們輸入WEB表單的時(shí)候，當我們輸入完一個(gè)字段的時(shí)候，我們需要按Tab鍵或是用鼠標去點(diǎn)擊下一個(gè)輸入域，所以，如果有一個(gè)好的插件可以讓光標自動(dòng)跳到下一個(gè)輸入域，這會(huì )是一個(gè)非常不錯的用戶(hù)體驗。這個(gè)JQuery的插件可以做到這件事。
19) 表格排序Ajax（源碼）
單擊表格頭標題可以根據該列對整個(gè)表格排序，是一個(gè)非常不錯的功能。這里有一個(gè)非常不錯的教程教你如何做到這個(gè)事，其最終的Javascript是sortable.js。
Google Maps大家都很熟悉了，DrasticMap 可能讓你后臺的PHP和Mysql數據庫同Google Map鏈動(dòng)起來(lái)，它可以方便地把存儲在數據庫里的經(jīng)緯庫坐標展示在Google Map上。而且，它相當的靈活，它似乎可以被無(wú)限度
文章來(lái)源：鏈接
聯(lián)系客服
