何為AJAX?

什麼是AJAX?AJAX (非同步javascript 和 XML) 是個新產生的術語,專為描述JavaScript的兩項強大效能.這兩項效能在多年來一直被網路開發人員所忽略,直到最近Gmail, Google suggest和google Maps的橫空出世才使人們開始意識到其重要性.這兩項被忽視的效能是:* 無需重新裝載整個頁面便能向伺服器發送請求.* 對XML文檔的解析和處理.步驟 1 – "請!" ---

Ajax基礎教程(6)- 6.1 JavaScript提出的問題

讀到這裡,應該很清楚了,要想真正很好地使用Ajax,你就要寫一些JavaScript代碼。儘管架構和工具包能減輕一些負擔,但是最終你可能會得到比平常更多的JavaScript代碼。因為我們自己寫過不少,所以很清楚寫JavaScript代碼絕不是輕而易舉,不過,本章我們還是要在你筋疲力盡的肩頭再壓上幾塊石頭。具體地,我們將介紹測試驅動開發(test-driven

Ajax基礎教程(5)- 構建完備的Ajax開發工具箱 5.7 小結

本章我們介紹了一些工具和技術,採用這些工具和技術,會讓你的開發過程更加愉快。JSDoc可以協助建立JavaScript代碼的文檔,從而使其他開發人員能夠更容易地理解和使用代碼。如果你開始經常使用Ajax技術,肯定會編寫一些你自己可重用的JavaScript庫,而且會用JSDoc為代碼建立文檔,以便其他人更輕鬆地使用這些庫。HTML

Ajax基礎教程(5)- 5.7 實現進階JavaScript技術

我們假設本書的讀者對JavaScript至少有基本的實踐知識。如果要提供JavaScript的全面教程,這本身就需要一本完整的書才能講清楚,所以在這裡我們不打算詳細介紹這種語言。相反,本節只是討論JavaScript的一些可能鮮為人知的進階特性,並說明如何在你的Ajax開發中結合使用這些特性。我們先來簡單地談談JavaScript的曆史,以便你瞭解它原來是什麼樣子,又是怎麼發展到今天的。Netscape的Brendan Eich於1995年開發了JavaScript。他的任務本來是開發一種方法,

Ajax基礎教程(5)- 5.6 使用Firefox的Web開發擴充

Firefox的Web開發擴充為Firefox瀏覽器增加了大量有用的Web開發工具。一旦安裝了這個擴充,你就可以通過一個工具條來訪問為瀏覽器增加的這些工具(見圖5-14)。在目前能夠運行Firefox的所有平台上都能使用這個擴充包,這就意味著在Windows、OS X和Linux都能順利地使用這個擴充包。Firefox的Web開發擴充包可以從chrispederick.com/

Ajax基礎教程(5)- 5.5 完成JavaScript壓縮和模糊處理

我們都知道,JavaScript是一種在客戶瀏覽器中執行的解釋型語言。換句話說,JavaScript會以明文下載到瀏覽器,再由瀏覽器根據需要執行這個JavaScript代碼。使用者只要使用瀏覽器的查看原始碼功能就能讀到JavaScript原始碼,該功能會顯示出頁面的完整HTML標記,包括所有JavaScript塊。即使JavaScript原始碼放在一個外部檔案中,並用script標記的src屬性來引用,使用者也可以下載並閱讀它。由於查看頁面的人都能得到JavaScript原始碼,所以不要把專用或

Ajax基礎教程(5)- 5.4 使用JSLint完成JavaScript語法檢查

JSLint是一個JavaScript驗證工具(www.jslint.com),可以掃描JavaScript原始碼來尋找問題。如果JSLint發現一個問題,JSLint就會顯示描述這個問題的訊息,並指出錯誤在原始碼中的一般位置。有些編碼風格約定可能導致未預見的行為或錯誤,JSLint除了能指出這些不合理的約定,還能標誌出結構方面的問題。儘管JSLint不能保證邏輯一定正確,但確實有助於發現錯誤,這些錯誤很可能導致瀏覽器的JavaScript引擎拋出錯誤。JSLint定義了一組編碼約定,這比ECM

Ajax基礎教程(5)- 5.3 使用DOM Inspector搜尋節點

3 使用DOM Inspector搜尋節點在Mozilla Suite和Firefox瀏覽器中打包了一個DOM Inspector工具。如果利用DOM Inspector,則可以查看Web頁面的結構化表示,甚至能搜尋某些特定的節點,並自動更新DOM中的節點。在Firefox中,你可以通過Tools功能表項目來訪問DOM Inspector。要使用DOM Inspector來檢查一個Web頁面,需要在文字框中輸入所需的URL,並點擊Inspect框;或者也可以從File→Inspect

Ajax基礎教程(5)- 5.2 使用Firefox擴充驗證HTML內容

5.2 使用Firefox擴充驗證HTML內容當前的瀏覽器都能很好地實現W3C

Ajax基礎教程(5)- 5.1 使用JSDoc建立JavaScript代碼的文檔

作為一名有經驗的Web應用開發人員,你也許可以熟練地應用某種伺服器端技術(或者,應用多種伺服器端技術)來構建Web應用。我們已經看到,在過去幾年中,伺服器端技術有了長足的發展,伺服器端軟體開發越來越容易,也越來越健壯,相比之下,用戶端技術基本上被拋在了一邊。Ajax技術的橫空出世使這種狀況有所改觀,因為開發人員現在有了一個更豐富的用戶端工具箱,有大量工具可以使用。你可能不習慣使用大量的HTML、JavaScript和CSS,但是如果要實現Ajax技術,你就必須這麼做。本章將介紹的工具和技術會使得

Ajax基礎教程(4)- 實現基本Ajax技術 4.9 小結

本章我們提供了許多例子,展示了應用Ajax技術改善使用者體驗的方法。在許多情況下,可以把Ajax技術應用到現有的應用中,以Ajax請求取代完全頁面重新整理,從而與伺服器無縫地通訊,並更新頁面內容。使用者可能不會注意到在以另外一種方式完成應用,但是過一段時間之後,他們就會認識到應用變得“更好”了。Ajax技術也可以在開始設計新Web應用時就採用。現在,Ajax工具包應該在你的開發工具箱裡有一席之地了,這些工具能協助你構建更好的Web應用,而且與胖客戶應用的表現不相上下,這會

Ajax基礎教程(4)- 實現基本Ajax技術 4.9 提供自動完成

我們遇到的最受歡迎的功能之一就是自動完成。許多人都使用過Intuit的Quicken之類的工具,並對其註冊表的功能很是著迷,它的註冊表能根據以前的註冊項填入資訊。這就使得資料輸入更快、更容易,而且不容易出錯。對於胖客戶應用,增加這個功能可能很容易,但是Web應用長期以來一直都沒有這個特性[1]。不過,Google在其beta實驗區推出Google Suggest後,證明了自動完成對於Web應用並非遙不可及。Google

Ajax基礎教程(4)- 實現基本Ajax技術 4.8 訪問Web服務

多年以來一直存在一個軟體工程問題:從一台機器調用另一台機器上的服務或方法,即使這些機器使用完全不同的硬體或軟體。對於這個問題,最近提出的解決方案是Web服務。幾年前,Web服務大受吹捧,它的頭上圍繞著耀眼的光環,有些人認為Web服務就是分布式軟體開發的“聖杯”。後來,它的光芒逐漸黯淡下來,Web服務最終找到了自己合適的位置,它是支援異構電腦系統相互操作的一種有用的工具。Web服務通常用作為電腦系統之間的通訊管道,這與CORBA(公用對象請求代理體繫結構)、RMI(遠程方法

Ajax基礎教程(4)- 實現基本Ajax技術 4.7 動態更新Web頁面

如前所述,如果頁面中只有一小部分需要修改,此時Ajax技術最適用。換句話說,以前實現一些用例時,為了更新頁面中的一小部分總是需要使用完全頁面重新整理,這些用例就很適合採用Ajax技術。考慮一個有單個頁面的用例,使用者向這個頁面輸入的資訊要增加到列表中。在這個例子中,你會看到列出某個組織中員工的Web頁面。頁面最上面有3個輸入框,分別接受員工的姓名、職位和部門。點擊Add(增加)按鈕,將員工的姓名、職位和部門資料提交到伺服器,在這裡將這些員工資訊增加到資料庫中。當使用傳統的Web應用技術時,伺服器

Ajax基礎教程(4)- 實現基本Ajax技術 4.6 建立工具提示

我們見過許多使用Ajax的應用,到目前為止,我們認為最有意思的是DVD租借服務Netflix。當瀏覽Netflix中的各個選擇時,會看到各類最新影片的相關圖片和文字。當把滑鼠停在一個給定影片的圖片上時,就會看到更多的資訊(見圖4-12)。儘管不使用Ajax也能達到這個效果,但第一次擷取頁面時要納入大量可能永遠也不會用到的資訊。通過使用Ajax,只會在需要時發送所需的資訊。圖4-12

Ajax基礎教程(4)- 實現基本Ajax技術 4.5 顯示進度條

無一例外地,幾乎每個應用都會時不時地調用一個長時間啟動並執行事務。如果你關心系統的可用性,就要確保使用者能很容易地看到系統的狀態。如果是一個胖客戶應用,對於長時間運行事務的問題,解決辦法很簡單:只需顯示一個進度條,以便使用者知道目前所處狀況。不過,在Ajax之前,要在Web應用中做到這一點很不容易。本節將使你瞭解如何使用Ajax為Web應用建立進度條。在代碼清單4-9所示的例子中,再次在pollCallback()方法中使用了setTimeout(),從而每隔2秒調用一次伺服器。在process

Ajax基礎教程(4)- 實現基本Ajax技術 4.4 建立自動重新整理頁面

股票行情、天氣資料、標題新聞……這些都是經常改變的資料,但不值得為這些資料的修改手工地完全重新整理頁面。儘管CNN.com之類的網站確實會定期重新載入,但是,如果只是為了改變一兩個標題新聞和幾個圖就重繪整個頁面,這可能很讓人掃興。當然,如果重新整理整個頁面,可能很難發現到底哪些是新內容!如果使用Ajax,使用者就不用反覆點擊refresh(重新整理)按鈕。技術新聞網站Digg

Ajax基礎教程(4)- 實現基本Ajax技術 4.3 動態載入列表框

Web應用通常使用“嚮導工具”設計原則來構建,即每個螢幕要求使用者輸入少量的資訊,每個後續頁的資料都依據前一頁的輸入來建立。對於某些情況,這個設計模式非常有用,如使用者以一種逐步、有序的方式完成任務。遺憾的是,太多的Web應用使用了這種方法,因為它們別無選擇。在Ajax技術出現之前,當基於使用者輸入修改頁面上的某些部分時,動態地更新頁面而不重新整理整個頁面是很難辦到的,甚至根本不可能。避免完全頁面重新整理的一種技術是在頁面上隱藏資料,並在需要時再顯示它們。例如,假設選擇框

Ajax基礎教程(4)- 實現基本Ajax技術 4.2 讀取響應首部

你有時可能需要從伺服器擷取一些內容,例如,可能想“ping”一下伺服器,驗證伺服器是否正常運行。此時,你也許只想讀取伺服器發出的響應首部,而忽略內容。通過讀取響應首部,可以得出Content-Type(內容類型)、Content-Length(內容長度),甚至Last-

Ajax基礎教程(4)- 實現基本Ajax技術 4.1 完成驗證

我們已經介紹了Ajax技術,也知道了如何使用XMLHttpRequest對象,現在要把它們結合起來,該怎麼做呢?哪些情況下需要應用Ajax技術?當然,Ajax的潛力幾乎是無窮盡的,關於Ajax的使用,靈感可能源源不斷。本章將展示一些例子,在這些情況下,使用Ajax技術可以讓應用突飛猛進。有些情況是一目瞭然的,有些則不是。不過無論怎樣,對Ajax應用積累的經驗越多,你就越會找到自己的方法來改善應用。在這些例子中,大多數都使用Java servlet作為伺服器端組件,其實每個例子也都能很容易地使用.

總頁數: 351 1 .... 238 239 240 241 242 .... 351 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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