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 語言中十三個比較重要的特性，包括

7.1 jquery的ajax常用方法對於Ajax原理不深入分析。Jquery肯定也 會提供Ajax的實現。對於ajax的請求，可以分成如下的幾步：1、通過 new XMLHttpRequest 或其它的形式（指IE）產生ajax的對象xhr。2、通 過xhr.open(type, url, async, username, password)的形式建立一個串連。3、通過setRequestHeader設定xhr的要求標頭部（request

Author:shaoyunSite:www.devjs.comBlog:shaoyun.cnblogs.comDate:2008-10-21

簡介:主要是檔案的一個管理系統,頁面指令碼是由JQuery (V1.3.1)外掛程式的方式編寫,所有功能都是通過Ajax和後台資料互交,並結合自己開發的外掛程式與結合第三方外掛程式的整合,伺服器端由ASP.NET編程(有興趣的朋友可以改寫成其它代碼,如jsp/php,根目錄有背景程式配置).希望大家喜歡(做完就急急忙忙發布了,沒有寫太多注釋,希望大家多多包涵).主要功能:1.左邊樹列表2.右邊檔案清單(支援檔案夾雙擊進入目錄,檔案雙擊修改檔案內容)3.上面查詢欄目(可直接查詢目錄)4.下面上傳(

情境:使用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　　　

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

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

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

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

本章介紹了XMLHttpRequest對象與伺服器之間相互連信的各種方法。XMLHttpRequest對象可以使用HTTP GET或POST方法發送請求，請求資料可以作為查詢串、XML或JSON資料發送。處理請求之後，伺服器一般會發送簡單文本、XML資料甚至JSON資料作為響應。每個格式都有自己最適用的場合。如果不能根據請求的結果動態更新頁面的內容，Ajax就沒有多大的用處。當前的瀏覽器都把Web頁面的內容提供為一個遵循W3C

我們一直在說DOM，如果你沒有做過太多用戶端的工作，可能不知道什麼是DOM。DOM是一個W3C規約，可以以一種獨立於平台和語言的方式訪問和修改一個文檔的內容和結構。換句話說，這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要，DOM的設計是以對象管理組織（OMG）的規約為基礎的，因此可以用於任何程式設計語言。最初人們把它認為是一種讓JavaScript在瀏覽器間可移植的方法，不過DOM的應用已經遠遠超出這個範圍。DOM實際上是以物件導向方式描述的物件模型。DOM定義了表示和修改文檔所

你可能想瞭解GET和POST之間有什麼區別，並想知道什麼時候使用它們。從理論上講，如果請求是等冪的就可以使用GET，所謂等冪是指多個請求返回相同的結果。實際上，相應的伺服器方法可能會以某種方式修改狀態，所以一般情況下這是不成立的。這隻是一種標準。更實際的區別在於淨荷的大小，在許多情況下，瀏覽器和伺服器會限制URL的長度URL用於向伺服器發送資料。一般來講，可以使用GET從伺服器擷取資料；換句話說，要避免使用GET調用改變伺服器上的狀態。一般地，當改變伺服器上的狀態時應當使用POST方法。不同於G

表2-1顯示了XMLHttpRequest對象的一些典型方法。不要擔心，稍後就會詳細介紹這些方法。下面來更詳細地討論這些方法。void open(string method, string url, boolean asynch, string username, string

網際網路最初只是為串連研究人員，使他們共用資訊，時至今日，網際網路已經得到了巨大的發展。網際網路開始時只有簡單的文本瀏覽器和靜態頁面，但是如今幾乎每家公司都有一個亮麗的網站，想找到一個粗糙的網站倒是很不容易。最早誰能想得到，有一天人們能在網上共同研究新型汽車，或者購買最新的斯蒂芬·金的小說呢？胖客戶應用的開發人員都飽受部署之苦，因為要把應用部署到數以千計的使用者機器上，他們急切地希望Web能夠減輕他們的負擔。多年以來，已經出現了許多Web應用技術，有些是專用的，有些需要高超的編程能

既然對在哪裡使用Ajax已經有所認識，下面再來談談應用Ajax的一些設計考慮。許多原則與Web應用的原則並無不同，不過還是有必要強調一下。要儘力減少客戶和伺服器之間的通訊量。如果應用得當，Ajax會使你的應用響應更快，但是如果每次使用者從一個域移到另一個域時你都來回傳遞超量的資料，使用者肯定不會滿意。如果有疑問，按標準約定行事。如果大多數應用都那麼做，可能你也應該那麼做。如果還有問題，可以看看Web案頭應用的有關標準。為此已經建立了一些模式，而且以後還會有更多的模式（www.ajaxpatter

提到Web瀏覽器，大多數人都會想到無處不在的Microsoft Internet

今年大家都在炒作Web2.0，其中的一門技術Ajax也是跟著火了起來，因此前面我寫了一篇名為《忽悠一下AJAX》的文章，簡單地分析了一下Ajax的技術的實質。雖然筆者不太喜歡跟風，但Ajax有一些地方還是比較有用的。前段時間做了EasyJF開源團隊的網上會議系統，就用到了Ajax技術，下面把設計思路發出來跟大家分享一下。一、系統實現的功能本會議室系統主要用於EasyJF開源團隊的成員網上會議使用，會議系統類比傳統的會議形式，可以同時開設多個不同主題的會議室，每個會議室需要提供存取權限控制功能，會

一、 引言基於瀏覽器的檔案上傳，特別是對於通過＜input

首先看下看下相對簡單些的--向伺服器發送一個包含有名/值對的簡單查詢串，在這種情況下XHP即可以用GET也可以用POST。GETfunction doRequestUsingGET() {　createXMLHttpRequest();　var queryString = " GetAndPostExample? " ;　queryString = queryString + createQueryString()+ " &timeStamp= "