JQuery、AJAX與Javascript之間的父子關係

JQuery、AJAX都是Javascript的一個架構，各有各自不同的功能，如果把Javascript比作父親的話，JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常複雜的功能，讓他們實現起來是極其的方便快捷。下面來總結一下他們各自的功能及特點和應用的場合。

JQuery是輕量級的js庫，它相容CSS3，還相容各種瀏覽器 （IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+）。jQuery使使用者能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。jQuery同時還有許多成熟的外掛程式可供選擇。jQuery能夠使使用者的html頁保持代碼和html內容分離，也就是說，不用再在html裡面插入一堆js來調用命令了，只需定義id即可。

JQuery的宗旨是——WRITE LESS,DO MORE，也就是“吃得少，乾的多”。讓我們廣大的程式員能夠寫更少的代碼，做更多的事情。

而JQuery在什麼時候使用呢？和上邊說的類似，它主要的用處就是：

1.     選取器

通過$符號可以快速、精確的定位到指定的元素。選取器包括：基本選取器、層次選取器、過濾選取器、表單選取器

2.     對DOM操作

通過$符號找到DOM元素，對屬性進行操作；添加刪除節點；對樣式進行操作；設定擷取HTML文本和值；遍曆子項目或同輩元素；添加事件

3.     表單驗證

4.     動畫效果

5.     ajax

 

上邊總結的是JQuery，下面再繼續總結AJAX。

AJAX即“AsynchronousJavaScript and XML”（非同步JavaScript和XML)。所謂的非同步就是在事件觸發之後瀏覽器任然可以做其他的事情，與發生事件的控制項無關的控制項不受影響。AJAX是一種用於建立更好更快以及互動性更強的
Web 應用程式的技術。

如果僅僅學會使用.net中的AJAX的幾個控制項，也許你根本就理解不了AJAX中的Javascript和XML到底是怎麼回事，這些控制項是對他們的封裝，微軟讓我們方便了很多，但是這是一種“傻瓜式”的使用方法。要想深刻的理解其中的Javascript和XML的使用，還需要掌握用戶端是怎麼接受Webservice（.asmx）和WCF（.svc）和一般處理常式（.ashx）檔案的使用方法

那一般什麼時候使用AJAX，什麼時候使用AJAX比較合適呢？一般都是用在頁面局部發生變化的地方。如下：

1.    基於表單的互動 

2.    深層樹狀導航 

3.    即時使用者對使用者通訊 

4.    投票、是否選擇、等級評價 

5.    過濾和複雜資料操作 

6.    普通錄入時的提示/自動補齊 

 

不適用使用AJAX的場合：

1.    簡單的表單 

2.    搜尋 

3.     基本導航

4.    替換大量的資訊 

5.    顯示操作 

6.     無用的網頁小組件 

 

關於JQuery和AJAX的代碼我在前邊的部落格《DOM與JavaScript、jQuery之間千絲萬縷的關係》有一點涉及，在後邊的部落格我會詳細的做幾個小的DEMO來解釋，希望繼續關注我的部落格。