最近 AJAX 超紅,因為消費者意識抬頭嗎?
前幾天似乎不小心聽到老闆說要搞CRM,多年以前我曾奉命研究過CRM,做過簡報以後大家應該都全部忘了這回事。
AJAX從1990年發展以來,直到2005年變得internet到處都需要ajax / dwr,個人認為這是一種演進。
web service 終究會成為CRM的終極工具。就像行銷老師說的:消費者就是王。
底下是一篇介紹 AJAX入門的文章。
original source from
http://web.nchu.edu.tw/~jlu/classes/xml/ajax/ajax.shtml
( 作者有說 You are welcomed to use it for non-commercial purpose. )
---------------------------------------------------------------
何謂 AJAX?
第一個範例
使用 AJAX 的時機
AJAX: Example II
練習題
由 XMLHttpRequest 送出中文資料給 Tomcat
利用 Dojo Toolkit
利用 Yahoo! User Interface Library
----------------------------------------------------------------
何謂 AJAX?
AJAX 是 Asynchronous JavaScript And XML 的簡寫,它的裡面非常類似 Dynamic HTML(或者 DHTML),主要的目的在於提高網頁的互動性(interactivity),速度(speed),以及可用性(usability)。想想看,如果我們能使一個網頁的互動方式可以達到類似 Microsoft Office 的境界,那麼網頁的可用性可以達到另一個層次。
其實,這個概念並不是很新,只是這樣的技巧被大量的應用於 Google 的網頁之後,如 Gmail、Google Maps、和 Google Suggest 等,才被重視,而第一個提出 AJAX 這個名詞的就是 Jesse James Garrett。利用類似技巧的公司還有 Writely、Kiko 等。這樣的概念,開始的人們對於網頁是否會取代 desktop applications 進行討論,而又進一步的延伸出 What is Web 2.0 的討論。
AJAX 也不是一項單獨的技術,它是由一堆現有的技術所組成,它的組成技術有:
XHTML(或者 HTML)加上 CSS 來作為資料的呈現。
利用 DOM 以及 Javascript 來進行存取資料(大多為 XML)的處理。
利用 XMLHttpRequest 物件與遠端的 web server 進行非同步的資料交換。
(中間說明很多範例的段落省略....)
使用 AJAX 的時機
想想看,像 Google Maps 的使用中,browser 與 web server 之間需要傳遞非常大量的圖形資料,如果利用傳統的同步方式,在全部的圖形下載完成之前,我們沒辦法對網頁進行操作,而使用者點選往左、往右的按鈕後,使用者又得等待另一次的圖形傳遞。反之,如果我們可以在使用者操作的時候,非同步的下載其它圖形呢?這樣速度會變快,也不必一再的重複 reload 網頁。
(註:依據 IBM McLaughlin 的說法,這些可以動態出現不同內容的地方,經常是由 < div > 或者 < span > 所定義。)
當 AJAX engine 接收使用者全部或者部份的 form data 之後,AJAX engine 會跟 web server 連絡並由 web server 處理完成,並將完成的資料回傳給 AJAX engine,然後再由 AJAX engine 將成果動態的呈現在網頁上。這些過程,使用者完全不會感受到,而且由於是非同步的,網頁不會停止接收使用者的操作。
( 本文節錄,若有需要請參原文 http://web.nchu.edu.tw/~jlu/classes/xml/ajax/ajax.shtml )
--------------------------------------------------------------------------------
Last Updated: Friday, 25-Aug-2006 10:15:34 CST
Written by: Eric Jui-Lin Lu
前幾天似乎不小心聽到老闆說要搞CRM,多年以前我曾奉命研究過CRM,做過簡報以後大家應該都全部忘了這回事。
AJAX從1990年發展以來,直到2005年變得internet到處都需要ajax / dwr,個人認為這是一種演進。
web service 終究會成為CRM的終極工具。就像行銷老師說的:消費者就是王。
底下是一篇介紹 AJAX入門的文章。
original source from
http://web.nchu.edu.tw/~jlu/classes/xml/ajax/ajax.shtml
( 作者有說 You are welcomed to use it for non-commercial purpose. )
---------------------------------------------------------------
何謂 AJAX?
第一個範例
使用 AJAX 的時機
AJAX: Example II
練習題
由 XMLHttpRequest 送出中文資料給 Tomcat
利用 Dojo Toolkit
利用 Yahoo! User Interface Library
----------------------------------------------------------------
何謂 AJAX?
AJAX 是 Asynchronous JavaScript And XML 的簡寫,它的裡面非常類似 Dynamic HTML(或者 DHTML),主要的目的在於提高網頁的互動性(interactivity),速度(speed),以及可用性(usability)。想想看,如果我們能使一個網頁的互動方式可以達到類似 Microsoft Office 的境界,那麼網頁的可用性可以達到另一個層次。
其實,這個概念並不是很新,只是這樣的技巧被大量的應用於 Google 的網頁之後,如 Gmail、Google Maps、和 Google Suggest 等,才被重視,而第一個提出 AJAX 這個名詞的就是 Jesse James Garrett。利用類似技巧的公司還有 Writely、Kiko 等。這樣的概念,開始的人們對於網頁是否會取代 desktop applications 進行討論,而又進一步的延伸出 What is Web 2.0 的討論。
AJAX 也不是一項單獨的技術,它是由一堆現有的技術所組成,它的組成技術有:
XHTML(或者 HTML)加上 CSS 來作為資料的呈現。
利用 DOM 以及 Javascript 來進行存取資料(大多為 XML)的處理。
利用 XMLHttpRequest 物件與遠端的 web server 進行非同步的資料交換。
(中間說明很多範例的段落省略....)
使用 AJAX 的時機
想想看,像 Google Maps 的使用中,browser 與 web server 之間需要傳遞非常大量的圖形資料,如果利用傳統的同步方式,在全部的圖形下載完成之前,我們沒辦法對網頁進行操作,而使用者點選往左、往右的按鈕後,使用者又得等待另一次的圖形傳遞。反之,如果我們可以在使用者操作的時候,非同步的下載其它圖形呢?這樣速度會變快,也不必一再的重複 reload 網頁。
(註:依據 IBM McLaughlin 的說法,這些可以動態出現不同內容的地方,經常是由 < div > 或者 < span > 所定義。)
當 AJAX engine 接收使用者全部或者部份的 form data 之後,AJAX engine 會跟 web server 連絡並由 web server 處理完成,並將完成的資料回傳給 AJAX engine,然後再由 AJAX engine 將成果動態的呈現在網頁上。這些過程,使用者完全不會感受到,而且由於是非同步的,網頁不會停止接收使用者的操作。
( 本文節錄,若有需要請參原文 http://web.nchu.edu.tw/~jlu/classes/xml/ajax/ajax.shtml )
--------------------------------------------------------------------------------
Last Updated: Friday, 25-Aug-2006 10:15:34 CST
Written by: Eric Jui-Lin Lu
留言