麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > AJAX > 正文

Ajax是建立Web應用的一條新途徑

2024-09-01 08:26:02
字體:
來源:轉載
供稿:網友
  不像加載一個頁面一樣,在會話的開始,瀏覽器加載了一個ajax引擎---采用javascript編寫并且通常在一個隱藏frame中。ajax引擎允許用異步的方式實現用戶與程序的交互--不用等待服務器的通訊。

  如果要問做什么事是最有吸引力,那就是創建web應用。畢竟,上次你聽到有人稱贊某產品的交互設計是什么時候的事了?(除了ipod之外) 它們都很cool, 而且都是很創新的項目。

  拋開這些不管,web設計者們對設計交互式的web沒有什么更好的辦法,卻對我們做桌面軟件的同事投去少許羨慕的目光.桌面應用程序有豐富的界面以及對于web程序來說無法比擬的響應能力。同樣,web的快速發展,在我們所提供的體驗和用戶從桌面應用程序所得到的體驗間產生巨大的差距

  而如今差距正在消失。請看看“google建議(google suggest)”. 觀察它按你的輸入顯示建議條目的更新速度,幾乎是立即更新的。再看看"google maps". 放大,用你的鼠標搬動和滾動。這些動作幾乎是立即響應的,不用等待頁面刷新。

  "google suggest"和"google maps" 是采用ajax技術的兩個典型例子。ajax是asynchronous javascript and xml的簡稱,它表現出一個web開發上的根本轉變,那就是,web上可能做些什么.

  ajax的定義

  ajax不是一個技術,它實際上是幾種技術,每種技術都有其獨特這處,合在一起就成了一個功能強大的新技術。ajax包括:

  xhtml和css

  使用文檔對象模型(document object model)作動態顯示和交互

  使用xml和xslt做數據交互和操作

  使用xmlhttprequest進行異步數據接收

  使用javascript將它們綁定在一起

  傳統的web應用模型工作起來就象這樣:大部分界面上的用戶動作觸發一個連接到web服務器的http請求。服務器完成一些處理---接收數據,處理計算,再訪問其它的數據庫系統,最后返回一個html頁面到客戶端。這是一個老套的模式,自采用超文本作為web使用以來,一直都這樣用, 但看過《the elements of user experience》的讀者一定知道,是什么限制了web界面沒有桌面軟件那么好用。

  ajax是建立web應用的一條新途徑_網頁設計VeVb.com整理

  圖1: 傳統web應用模型(左)與ajax模型的比較(右).

  這種舊的途徑讓我們認識到了許多技術,但它不會產生很好的用戶體驗。當服務器正在處理自己的事情的時候,用戶在做什么?沒錯,等待。每一個動作,用戶都要等待。

  很明顯,如果我們按桌面程序的思維設計web應用,我們不愿意讓用戶總是等待。當界面加載后,為什么還要讓用戶每次再花一半的時間從服務取數據?實際上,為什么老是讓用戶看到程序去服務器取數據呢?

  ajax如何不同凡響

  通過在用戶和服務器之間引入一個ajax引擎,可以消除web的開始-停止-開始-停止這樣的交互過程. 它就像增加了一層機制到程序中,使它響應更靈敏,而它的確做到了這一點。

  不像加載一個頁面一樣,在會話的開始,瀏覽器加載了一個ajax引擎---采用javascript編寫并且通常在一個隱藏frame中。這個引擎負責繪制用戶界面以及與服務器端通訊。ajax引擎允許用異步的方式實現用戶與程序的交互--不用等待服務器的通訊。所以用戶再不不用打開一個空白窗口,看到等待光標不斷的轉,等待服務器完成后再響應。

  ajax是建立web應用的一條新途徑_網頁設計VeVb.com整理

  圖 2: 傳統web應用的同步交互過程(上)和ajax應用的異步交互過程的比較(下).

  通常要產生一個http請求的用戶動作現在通過javascript調用ajax引擎來代替. 任何用戶動作的響應不再要求直接傳到服務器---例如簡單的數據校驗,內存中的數據編輯,甚至一些頁面導航---引擎自己就可以處理它. 如果引擎需要從服務器取數據來響應用戶動作---假設它提交需要處理的數據,載入另外的界面代碼,或者接收新的數據---引擎讓這些工作異步進行,通常使用xml, 不用再擔誤用戶界面的交互。

  誰在使用ajax

  在采用ajax的開發上面,google做了巨大的投資。去年google所有主要的產品都用了這項技術---orkut, gmail, 以及最近的beta版的google groups, google suggest和google maps---它們全是ajax的應用。(要想了解更多這些ajax實際的技術細節,請看它們的分析文章:gmail, google suggest, google maps). 其它的像:flickr, 采用許多人們喜歡的ajax特性, 還有amazon的a9.com搜索引擎也采用類似的技術。

  這些項目證明了ajax不只是學術上的,也有許多真實世界成功應用。這不是什么實驗室里的技術。ajax的應用可大可小,從非常簡單的,像單一功能的google suggest到非常復雜的google maps.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鲁久久 | 钻石午夜影院 | 999精品久久久 | 欧美一级美国一级 | 国产一级毛片高清视频 | 国产羞羞网站 | 欧美大电影免费观看 | 精品国产一区二区三区在线观看 | www.99热精品| 久久不射电影 | 欧美精品一区二区三区四区 | 国产精品剧情一区二区三区 | 欧美性猛交一区二区三区精品 | 国产精品一区二区羞羞答答 | 美女黄影院 | 国产成人午夜精品 | 韩国精品一区二区三区四区五区 | 亚洲91网 | 精品国产乱码久久久久久丨区2区 | 久久精品爱 | 成人在线免费观看视频 | 欧美视频一级 | 国产一级一片免费播放 | 最新黄色电影网站 | 91精品国产一区二区三区四区在线 | 久久久久久久久浪潮精品 | 77成人影院| 99精品国产一区二区三区 | 在线看国产视频 | 久久久久久免费免费 | 欧美成人区 | 久久人人爽人人爽人人片av高请 | 成人毛片100免费观看 | 中文字幕亚洲视频 | 久久久成人精品 | 成年免费网站 | 国产精品成人久久久久a级 av电影在线免费 | 97porn| 人人玩人人爽 | 国产精品一区二区三区99 | 欧美一级淫片a免费播放口 91九色蝌蚪国产 |