JavaScript、Ajax與jQuery的關係

1、簡單總結：

一、JS是一門前端語言。

二、Ajax是一門技術，它提供了異步更新的機制，使用客戶端與服務器間交換數據而非整個頁面文檔，實現頁面的局部更新。

三、jQuery是一個框架，它對JS進行了封裝，使其更方便使用。jQuery使得JS與Ajax的使用更方便

2、詳細狀況：

1.javascript是一種在客戶端執行的腳本語言。ajax是基於javascript的一種技術，它主要用途是提供異步刷新（只刷新頁面的一部分，而不是整個頁面都刷新）。一個是語言,一個是技術,二者有本質區別.
2.javascript是一種在瀏覽器端執行的腳本語言，Ajax是一種建立交互式網頁應用的開發技術 ，它是利用了一系列相關的技術其中就包括javascript。
3.

JavaScript能夠作什麼？
用JavaScript能夠作不少事情，使網頁更具交互性，給站點的用戶提供更好,更使人興奮的體驗。JavaScript使你能夠建立活躍的用戶界面，當用戶在頁面間導航時向他們反饋。
使用JavaScript來確保用戶以表單形式輸入有效的信息，這能夠節省你的業務時間和開支。
使用JavaScript，根據用戶的操做能夠建立定製的HTML頁面。
JavaScript還能夠處理表單，設置cookie，即時構建HTML頁面以及建立基於Web的應用程序。
JavaScript不能作什麼？
JavaScript是一種客戶端語言。（實際上，也存有服務器端實現的JavaScript版本）。也就是說，設計它的目的是在用戶的機器上執行任務，而不是在服務器上。所以，JavaScript有一些固有的限制，這些限制主要出於以下安全緣由：
1.JavaScript不容許讀寫客戶機器上的文件。這是有好處的，由於你確定不但願網頁可以讀取本身硬盤上的文件，或者可以將病毒寫入硬盤，或者可以操做你的計算機上的文件。惟一例外是，JavaScript能夠寫到瀏覽器的cookie文件，可是也有一些限制。
2.JavaScript不容許寫服務器機器上的文件。儘管寫服務器上的文件在許多方面是很方便的（好比存儲頁面點擊數或用戶填寫表單的數據），可是JavaScript不容許這麼作。相反，須要用服務器上的一個程序處理和存儲這些數據。這個程序能夠是Perl或者PHP等語言編寫的CGI運行在服務器上的程序或者Java程序
3.JavaScript不能關閉不是它本身打開的窗口。這是爲了不一個站點關閉其餘任何站點的窗口，從而獨佔瀏覽器。
4.JavaScript不能歷來自另外一個服務器的已經打開的網頁中讀取信息。換句話說，網頁不能讀取已經打開的其它窗口中的信息，所以沒法探查訪問這個站點衝浪者還在訪問其它哪些站點。
Ajax是什麼？
Ajax是一種建立交互式web應用程序的方式。Ajax是ASynchronouS JavaScript and XML(異步JavaScript和xml)的縮寫，這個詞是由web開發人員JeSSe JameS Garrett在2005年年初獨創的。嚴格地說，Ajax只是JavaScript的一小部分（儘管這一部分特別流行）。可是，隨着頻繁的使用，這個詞再也不指某種技術自己（好比Java或JavaScript）。
在大多數狀況下，Ajax通常是指如下這些技術的組合:
XMTML；
CSS（CaScading Style Sheet，層疊樣式表）；
使用JavaScript訪問的DOM（Document Object Model，文檔對象模型）；
XML，這是在服務器和客戶端之間傳輸的數據格式；
XMLHttpRequeSt,用來從服務器獲取數據。
Ajax的好處是:
應用程序的大多數處理在用戶的瀏覽器中發生，並且對服務器的數據請求每每很短。因此可使用Ajax創建功能豐富的應用程序，這些應用程序依賴基於web的數據，可是其性能遠遠超過老式的，由於老式方法要求服務器傳回整個HTML頁面來響應用戶操做。
一些公司已經在Ajax方面投入大量資金，尤爲是Google。Google已經創建了幾個著名的Ajax應用程序，包括Gmail（基於web的電子郵件），Google calendar，Google docS和Google mapS。另一個大型的Ajax支持者Yahoo！，它使用Ajax加強個性化的MY Yahoo門戶，Yahoo首頁，Yahoo Mail，等等。這兩家公司都向公衆開放了其web應用程序的接口，人們可使用這些程序會得到地圖而且在地圖上加上有意思，有用或者好玩的信息，好比洛杉磯地區全部日本餐館的位置。

1、JavaScript

·        定義：

        javaScript的簡寫形式就是JS，是由Netscape公司開發的一種腳本語言，一種普遍用於客戶端Web開發的腳本語言，經常使用來給HTML網頁添加動態功能（其編寫的程序能夠被嵌入到HTML或XML頁面中，並直接在瀏覽器中解釋執行）。

·        組成部分：

         核心（ECMAScript）、文檔對象模型（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Object Model，簡稱BOM）

                                    

·        描述：

             Javascript就是適應動態網頁製做的須要而誕生的一種新的編程語言，現在愈來愈普遍地使用於Internet網頁製做上。

            Javascript是由 Netscape公司開發的一種腳本語言（scripting language），或者稱爲描述語言。在HTML基礎上，使用Javascript能夠開發交互式Web網頁。

            Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關係，使網頁包含更多活躍的元素和更加精彩的內容。

            Javascript短小精悍，又是在客戶機上執行的，大大提升了網頁的瀏覽速度和交互能力。同時它又是專門爲製做Web網頁而量身定作的一種簡單的編程語言。

            主流的javaScript框架有：YUI ,Dojo，Prototype，jQuery...

2、Ajax

·        定義：

         AJAX即「Asynchronous JavaScript and XML」（異步JavaScript和XML)，AJAX並不是縮寫詞，而是由Jesse James Gaiiett創造的名詞，是指一種建立交互式網頁應用的網頁開發技術。

        AJAX不是一個技術，它其實是幾種技術，每種技術都有其獨特之處，合在一塊兒就成了一個功能強大的新技術。

·        組成：

            基於XHTML和CSS標準的表示；

           使用Document Object Model進行動態顯示和交互；

           使用XML和XSLT作數據交互和操做；

           使用XML HttpRequest與服務器進行異步通訊；

           使用JavaScript綁定一切。

·        描述：

            Ajax是結合了Java技術、XML以及JavaScript等編程技術，可讓開發人員構建基於Java技術的Web應用，並打破了使用頁面重載的管理。

           Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞數據，使Browser只更新部分網頁內容而不從新載入整個網頁。

          Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行從新加裁，就能夠動態地更新。使用Ajax，用戶能夠建立接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。

3、jQuery

·       定義：

        jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現動畫效果，而且方便地爲網站提供AJAX交互。

·       特色：

          輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展；

           jQuery是一種獨立於服務器端代碼的框架，獨立於ASP.NET或者JAVA；

           jQuery是當前很流行的一個JavaScript框架，使用相似於CSS的選擇器，能夠方便的操做HTML元素，擁有很好的可擴展性，擁有很多插件。

·        描述：

          對於程序員來講，簡化javascript和ajax編程，可以使程序員從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節上，從而提升項目的開發速度。

          對於用戶來講，改善了頁面的視覺效果，加強了與頁面的交互性，體驗更絢麗的網頁物資。

          javaScript框架其實是一系列工具和函數。

3、三者的關係

        下面我用一張導圖來闡述這三者的關係：

 

解釋：

         javaScript是用於Web客戶端開發的腳本語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於建立交互式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函數接口，大大簡化了Ajax，JS的操做。