首頁 > web前端 > js教程 > 初步了解JavaScript,Ajax,jQuery,並比較三者關係

初步了解JavaScript,Ajax,jQuery,並比較三者關係

亚连
發布: 2018-05-24 16:25:00
原創
1837 人瀏覽過

這篇文章主要介紹了初步了解JavaScript,Ajax,jQuery,並比較三者關係的相關資料,需要的朋友可以參考下

jquery是對javascript很好的封裝,而且很輕量級,可以近似的將其稱其為框架,下面就來對比javascript與jquery對ajax的實現,以突出jquery對其封裝後,在實現方便的簡易性,而且不僅如此,用jquery代替javascript來實現一些功能對於瀏覽器的兼容性也會帶來意想不到的好處。

一、基本認知

#1、JavaScript

定義: 

        javaScript的簡寫形式就是JS,是由Netscape公司開發的一種腳本語言,一種廣泛用於客戶端Web開發的腳本語言,常用來為HTML網頁添加動態功能(其編寫的程式可以被嵌入到HTML或XML頁面中,並直接在瀏覽器中解釋執行)。

組成: 

             核心(ECMAScript)、文件物件模型(Document Object Model,簡稱DOM)、瀏覽器物件模型(Browser Object Model,簡稱說明:

            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標準的表示;

          互動與操作; 

          使用XML HttpRequest與伺服器進行非同步通訊;

           使用Java 綁定一切。

說明:

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

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

          Ajax是使用客戶端腳本與Web伺服器交換資料的Web應用開發方法。這樣,Web頁面不用打斷互動流程進行重新加裁,就可以動態更新。使用Ajax,使用者可以建立接近本機桌面應用程式的直接、高可用、更豐富、更動態的網路使用者介面。

3、jQuery

定義:        jQuery快速的,簡潔的javaScript庫,使用戶更能方便處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX互動。

特點:

            輕量級、鍊式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴充;

        端程式碼的框架,獨立於ASP.NET或JAVA;

           jQuery是目前很受歡迎的一個JavaScript框架,使用類似CSS的選擇器,可以方便的操作HTML元素,擁有很好的可擴充性,擁有不少插件。

說明:

            對程式設計師來說,簡化javascript與ajax程式設計,能夠讓程式設計師從設計與書寫繁雜的JS應用中解脫出來,將重點轉向功能需求而非實現細節上,從而提高專案的開發速度。 

           使用者來說,以改善了頁面的視覺效果,並增強了與頁面的互動性,體驗較為絢麗的網頁物資。

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

二、三者的關係

        以下我用一個導圖來闡述這三者的關係: 

#解釋:

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

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

jquery與php結合實作AJAX長輪詢

Jquery具體實例介紹AJAX何時用,AJAX應該在什麼地方用

js ajax載入時的進度條碼

#

以上是初步了解JavaScript,Ajax,jQuery,並比較三者關係的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板