JavaScript、Ajax與jQuery的關係

時間  2019-11-13
標籤 javascript ajax jquery 關係 欄目 JavaScript 简体版
原文   原文鏈接


簡單總結：
一、JS是一門前端 語言。

二、Ajax是一門 技術。它提供了異步更新的機制。使用client與server間交換數據而非整個頁面文檔。實現頁面的局部更新。
三、jQuery是一個 框架。它對JS進行了封裝，使其更方便使用。jQuery使得JS與Ajax的使用更方便


具體狀況：

Actually only one of them is a programming language.javascript

  • Javascript is a programming language which is used mainly in webpages for making websites interactive. When a webpage is parsed by the browser, it creates an in-memory representation of the page. It is a tree structure, which contains all elements on the page. So there is a root element, which contains the head and the body elements, which contain other elements, which contain other elements. So it looks like a tree basically. Now with javascript you can manipulate elements in the page using this tree. You can pick elements by their id (getElementsById), or their tag name (getElementsByTagName), or by simply going through the tree (parentNode, firstChild, lastChild, nextSibling, previousSibling, etc.). Once you have element(s) to work with you can modify them by changing their look, content or position on the page. This interface is also known as the DOM(Document Object Model). So you can do everything with Javascript that another programming language can do, and by using it embedded into wepages you also get an in-memory Object of the current webpage by which you can make changes to the page interactively.css

  • AJAX is a technique of communication between the browser and the server within a page. Chat is a good example. You write a message, send a message and recive other messages without leaving the page. You can manage this interaction with Javascript on the client side, using an XMLHTTP Object provided by the browser.前端

  • jQuery is a library which aims to simplify client side web development in general (the two other above). It creates a layer of abstracion so you can reuse common languages like CSS and HTML in Javascript. It also includes functions which can be used to communicate with servers very easily (AJAX). It is written in Javascript, and will not do everything for you, only makes common tasks easier. It also hides some of the misconceptions and bugs of browsers.java

To sum up:web

  • Javascript is a programming language (objects, array, numbers, strings, calculations)
  • AJAX and jQuery uses Javascript
  • jQuery is for simplifing common tasks with AJAX and page manipulation (style, animation, etc.)

Finally, an example just to see some syntax:ajax

// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "<p>some content</p>";
el.appendChild(new_el);

// and how you would do it in jQuery
$("#box")
  .css({ "background-color": "#000" })
  .append("<div><p>some content</p></div>");






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


一、JavaScript
 

   
   
   
   
    
    
    
    
    
  • 定義：
    • 
   
   
   
   
 
        javaScript的簡寫形式就是JS，是由Netscape公司開發的一種腳本語言，一種普遍用於clientWeb開發的腳本語言，常用來給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...
 
二、Ajax
 

   
   
   
   
    
    
    
    
    
  • 定義：
    • 
   
   
   
   
 
         AJAX即「Asynchronous JavaScript and XML」（異步JavaScript和XML)，AJAX並非縮寫詞。而是由Jesse James Gaiiett創造的名詞，是指一種建立交互式網頁應用的網頁開發技術。
 
        AJAX不是一個技術，它其實是幾種技術，每種技術都有其獨特之處。合在一塊兒就成了一個功能強大的新技術。
 

   
   
   
   
    
    
    
    
    
  • 組成：
    • 
   
   
   
   
 
            基於XHTML和CSS標準的表示；
 
           使用Document Object Model進行動態顯示和交互。
 
           使用XML和XSLT作數據交互和操做；
 
           使用XML HttpRequest與server進行異步通訊；
 
           使用JavaScript綁定一切。
 
 

   
   
   
   
    
    
    
    
    
  • 描寫敘述：
    • 
   
   
   
   
 
            Ajax是結合了Java技術、XML以及JavaScript等編程技術。可以讓開發者構建基於Java技術的Web應用。並打破了使用頁面重載的管理。
 
           Ajax技術使用非同步的HTTP請求。在Browser和Web Server之間傳遞數據，使Browser僅僅更新部分網頁內容而不又一次加載整個網頁。
 
          Ajax是使用client腳本與Webserver交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行又一次加裁。就可以動態地更新。
使用Ajax，用戶可以建立接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。
 
三、jQuery
 

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

   
   
   
   
    
    
    
    
    
  • 特色：
    • 
   
   
   
   
 
            輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展；
 
           jQuery是一種獨立於server端代碼的框架，獨立於ASP.NET或者JAVA；
 
           jQuery是當前很是流行的一個JavaScript框架，使用相似於CSS的選擇器。可以方便的操做HTML元素。擁有很是好的可擴展性，擁有很多插件。
 

   
   
   
   
    
    
    
    
    
  • 描寫敘述：
    • 
   
   
   
   
 
            對於程序猿來講，簡化javascript和ajax編程，可以使程序猿從設計和書寫繁雜的JS應用中解脫出來。將關注點轉向功能需求而非實現細節上，從而提升項目的開發速度。
 
           對於用戶來講。改善了頁面的視覺效果，加強了與頁面的交互性。體驗更絢麗的網頁物資。
 
          javaScript框架其實是一系列工具和函數。
 
2、三者的關係
 
        如下我用一張導圖來闡述這三者的關係：
 
 
解釋：
 
         javaScript是用於Webclient開發的腳本語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於建立交互式網頁應用的網頁開發技術。jQuery是JS的框架。基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能。提供函數接口，大大簡化了Ajax，JS的操做。

簡單總結：
一、JS是一門前端語言。
二、Ajax是一門技術。它提供了異步更新的機制，使用client與server間交換數據而非整個頁面文檔，實現頁面的局部更新。

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


具體狀況：

Actually only one of them is a programming language.

  • Javascript is a programming language which is used mainly in webpages for making websites interactive. When a webpage is parsed by the browser, it creates an in-memory representation of the page. It is a tree structure, which contains all elements on the page. So there is a root element, which contains the head and the body elements, which contain other elements, which contain other elements. So it looks like a tree basically. Now with javascript you can manipulate elements in the page using this tree. You can pick elements by their id (getElementsById), or their tag name (getElementsByTagName), or by simply going through the tree (parentNode, firstChild, lastChild, nextSibling, previousSibling, etc.). Once you have element(s) to work with you can modify them by changing their look, content or position on the page. This interface is also known as the DOM(Document Object Model). So you can do everything with Javascript that another programming language can do, and by using it embedded into wepages you also get an in-memory Object of the current webpage by which you can make changes to the page interactively.

  • AJAX is a technique of communication between the browser and the server within a page. Chat is a good example. You write a message, send a message and recive other messages without leaving the page. You can manage this interaction with Javascript on the client side, using an XMLHTTP Object provided by the browser.

  • jQuery is a library which aims to simplify client side web development in general (the two other above). It creates a layer of abstracion so you can reuse common languages like CSS and HTML in Javascript. It also includes functions which can be used to communicate with servers very easily (AJAX). It is written in Javascript, and will not do everything for you, only makes common tasks easier. It also hides some of the misconceptions and bugs of browsers.

To sum up:

  • Javascript is a programming language (objects, array, numbers, strings, calculations)
  • AJAX and jQuery uses Javascript
  • jQuery is for simplifing common tasks with AJAX and page manipulation (style, animation, etc.)

Finally, an example just to see some syntax:

// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "<p>some content</p>";
el.appendChild(new_el);

// and how you would do it in jQuery
$("#box")
  .css({ "background-color": "#000" })
  .append("<div><p>some content</p></div>");






1.javascript是一種在client運行的腳本語言。
ajax是基於javascript的一種技術。它主要用途是提供異步刷新（僅僅刷新頁面的一部分，而不是整個頁面都刷新）。
一個是語言,一個是技術,二者有本質差異.
2.javascript是一種在瀏覽器端運行的腳本語言。Ajax是一種建立交互式網頁應用的開發技術 。它是利用了一系列相關的技術當中就包含javascript。
3.[來自http://hi.baidu.com/849653727/item/cda3aa87bd2cebd4d1f8cd94]
JavaScript可以作什麼？
用JavaScript可以作很是多事情，使網頁更具交互性。給網站的用戶提供更好,更使人興奮的體驗。JavaScript使你可以建立活躍的用戶界面。當用戶在頁面間導航時向他們反饋。
使用JavaScript來確保用戶以表單形式輸入有效的信息。這可以節省你的業務時間和開支。
使用JavaScript，依據用戶的操做可以建立定製的HTML頁面。
JavaScript還可以處理表單，設置cookie，即時構建HTML頁面以及建立基於Web的應用程序。
JavaScript不能作什麼？
JavaScript是一種client語言。（實際上。也存有server端實現的JavaScript版本號）。也就是說。設計它的目的是在用戶的機器上運行任務。而不是在server上。所以，JavaScript有一些固有的限制，這些限制主要出於例如如下安全緣由：
1.JavaScript不一樣意讀寫客戶機器上的文件。這是有優勢的，因爲你確定不但願網頁可以讀取本身硬盤上的文件，或者可以將病毒寫入硬盤。或者可以操做你的計算機上的文件。惟一例外是。JavaScript可以寫到瀏覽器的cookie文件。但是也有一些限制。
2.JavaScript不一樣意寫server機器上的文件。雖然寫server上的文件在不少方面是很是方便的（比方存儲頁面PV數或用戶填寫表單的數據）。但是JavaScript不一樣意這麼作。
相反。需要用server上的一個程序處理和存儲這些數據。這個程序可以是Perl或者PHP等語言編寫的CGI運行在server上的程序或者Java程序
3.JavaScript不能關閉不是它本身打開的窗體。這是爲了不一個網站關閉其餘不論什麼網站的窗體，從而獨佔瀏覽器。
4.JavaScript不能歷來自還有一個server的已經打開的網頁中讀取信息。
換句話說。網頁不能讀取已經打開的其餘窗體中的信息，所以沒法探查訪問這個網站衝浪者還在訪問其餘哪些網站。
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，這是在server和client之間傳輸的數據格式；
XMLHttpRequeSt,用來從server獲取數據。
Ajax的優勢是:
應用程序的大多數處理在用戶的瀏覽器中發生，並且對server的數據請求每每很是短。因此可以使用Ajax創建功能豐富的應用程序，這些應用程序依賴基於web的數據。但是其性能遠遠超過老式的。因爲老式方法要求server傳回整個HTML頁面來響應用戶操做。
一些公司已經在Ajax方面投入大量資金，尤爲是Google。Google已經創建了幾個著名的Ajax應用程序。包含Gmail（基於web的電子郵件），Google calendar。Google docS和Google mapS。另一個大型的Ajax支持者Yahoo！
。它使用Ajax加強個性化的MY Yahoo門戶，Yahoo首頁。Yahoo Mail，等等。
這兩家公司都向公衆開放了其web應用程序的接口。人們可以使用這些程序會得到地圖並且在地圖上加上有意思。實用或者好玩的信息，比方洛杉磯地區所有日本餐館的位置或者電影射鵬的位置。


一、JavaScript
 

    
    
    
    
    
     
     
     
     
  • 定義：
    • 
    
    
    
    
 
        javaScript的簡寫形式就是JS，是由Netscape公司開發的一種腳本語言，一種普遍用於clientWeb開發的腳本語言，常用來給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...
 
二、Ajax
 

    
    
    
    
    
     
     
     
     
  • 定義：
    • 
    
    
    
    
 
         AJAX即「Asynchronous JavaScript and XML」（異步JavaScript和XML)。AJAX並非縮寫詞。而是由Jesse James Gaiiett創造的名詞。是指一種建立交互式網頁應用的網頁開發技術。
 
        AJAX不是一個技術。它其實是幾種技術，每種技術都有其獨特之處，合在一塊兒就成了一個功能強大的新技術。
 

    
    
    
    
    
     
     
     
     
  • 組成：
    • 
    
    
    
    
 
            基於XHTML和CSS標準的表示；
 
           使用Document Object Model進行動態顯示和交互；
 
           使用XML和XSLT作數據交互和操做。
 
           使用XML HttpRequest與server進行異步通訊。
 
           使用JavaScript綁定一切。
 
 

    
    
    
    
    
     
     
     
     
  • 描寫敘述：
    • 
    
    
    
    
 
            Ajax是結合了Java技術、XML以及JavaScript等編程技術。可以讓開發者構建基於Java技術的Web應用，並打破了使用頁面重載的管理。
 
           Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞數據。使Browser僅僅更新部分網頁內容而不又一次加載整個網頁。
 
          Ajax是使用client腳本與Webserver交換數據的Web應用開發方法。
這樣，Web頁面不用打斷交互流程進行又一次加裁，就可以動態地更新。使用Ajax，用戶可以建立接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。
 
三、jQuery
 

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

    
    
    
    
    
     
     
     
     
  • 特色：
    • 
    
    
    
    
 
            輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展；
 
           jQuery是一種獨立於server端代碼的框架。獨立於ASP.NET或者JAVA。
 
           jQuery是當前很是流行的一個JavaScript框架，使用相似於CSS的選擇器，可以方便的操做HTML元素。擁有很是好的可擴展性，擁有很多插件。
 

    
    
    
    
    
     
     
     
     
  • 描寫敘述：
    • 
    
    
    
    
 
            對於程序猿來講，簡化javascript和ajax編程。可以使程序猿從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節上。從而提升項目的開發速度。
 
           對於用戶來講。改善了頁面的視覺效果，加強了與頁面的交互性。體驗更絢麗的網頁物資。
 
          javaScript框架其實是一系列工具和函數。
 
2、三者的關係
 
        如下我用一張導圖來闡述這三者的關係：
 
 
解釋：
 
         javaScript是用於Webclient開發的腳本語言，Ajax是基於JS語言。主要組合JS、CSS、XML三種技術的新技術，是用於建立交互式網頁應用的網頁開發技術。
jQuery是JS的框架，基於JS語言。集合Ajax技術開發出來的JS庫。封裝JS和Ajax的功能。提供函數接口。大大簡化了Ajax。JS的操做。
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程