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