Ajax

開始之前本文假設您已經下載了 WebSphere sMash 並且完成了簡明教程的學習，或者曾經寫過簡單的應用程式。您應該熟悉 Ajax 的基本原理和 Dojo 的相關使用方式。你還需要具備以下先決條件來完成本文的應用程式範例：JDK 5.0 或更高版本。WebSphere sMash 1.0.0.4 或更高版本的命令列環境。通暢的網路連接來串連 SMTP 郵件伺服器。Firefox 3.0 用於啟動 AppBuilderAppBuilder 現在是 WebSphere sMash

隨著 Ajax 應用的流行，JavaScript 語言得到了越來越多的關注。開發人員對 JavaScript 的使用也日益深入。 JavaScript 已經不再只是用來為頁面添加一些花哨的效果，它已經成為構建 Ajax 應用的重要基石。 JavaScript 作為一種專門設計用來在瀏覽器中執行的動態語言，它有許多重要的特性，並且不同於傳統的 Java 或 C++ 語言。熟悉這些特性可以協助開發人員更好的開發 Ajax 應用。本文章介紹了 JavaScript 語言中十三個比較重要的特性，包括

DOM 的全稱是文件物件模型（Document Object Model）。它是 HTML 和 XML 文檔的 API。它定義了文檔的邏輯結構，以及對文檔進行訪問和操作的方式。通過 DOM，開發人員可以在文檔中自由導航， 也可以添加、更新和刪除其中的元素和內容。基本上文檔中的任何內容都是可以通過 DOM 進行訪問和操作的。本文詳細介紹了如何使用 DOM 基本 API 和 Dojo 來進行 DOM 查詢和操作。使用的 Dojo 版本是 1.4。下面首先介紹 DOM 的基本概念。DOM

初到公司，由原想的asp.net開發轉向了SharePoint（簡稱SP）開發，個人感覺與之前差別不大，今天用sp實現非同步載入資料的時候遇到點問題，之前在asp.net下一步都是用 jquery.ajax + .ashx

一、簡介AJAX，一個非同步JavaScript和XML的縮減詞，是最近出來的技術詞語。非同步意味著你可以經由超文字傳輸通訊協定

在MVC下我們不能利用AJAX.NET控制項，那麼要實現UpdateProgress來顯示進度怎麼辦，我們可以利用JQUERY來實現這個功能。順便說一句JQuery將整合在下一版本的Visual Studio中，是MS AJAX FrameWork的一部分。1.接著上一篇的XML Menu，我們先編輯Menu.XML，添加如下代碼：<MenuItem　Order="4"　Action="Test"　

情境:使用jQuery的ajax方法提交ajax請求,代碼如下:1$.ajax({2　　　 dataType : 'json'3　　　 ,type : 'POST'4　　　 ,url : 'http://localhost/test/test.do'5　　　 ,data : {id: 1, type: '商品'}6　　　 ,success : function(data){7　　　　　　　 8　　　

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

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

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

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

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

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

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

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

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

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

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

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

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