jQuery 中的 Ajax 方法和 jQuery-Ajax 方法有什麼區別？

首先，讓我們瞭解一下什麼是 Ajax 以及為什麼使用它。

AJAX

AJAX 代表非同步 JavaScript 和 XML。AJAX 是一種利用 XML、HTML、CSS 和 JavaScript 建立更好、更快、更具互動性的 Web 應用程式的新技術。

它具有以下幾點，體現了它的重要性。

  • AJAX 代表非同步 JavaScript 和 XML。AJAX 是一種利用 XML、HTML、CSS 和 JavaScript 建立更好、更快、更具互動性的 Web 應用程式的新技術。
  • Ajax 使用 XHTML 用於內容，CSS 用於呈現，以及文件物件模型和 JavaScript 用於動態內容顯示。
  • 使用 AJAX，當您點選提交時，JavaScript 將向伺服器發出請求，解釋結果並更新當前螢幕。從最純粹的意義上說，使用者永遠不會知道任何內容是否被傳輸到伺服器。
  • XML 通常用作接收伺服器資料的格式，儘管可以使用任何格式，包括純文字。
  • AJAX 是一種獨立於 Web 伺服器軟體的 Web 瀏覽器技術。
  • 客戶端程式在後臺從伺服器請求資訊時，使用者可以繼續使用應用程式。

jQuery 有幾種用於 AJAX 功能的方法，這就是為什麼它被稱為 jQuery-Ajax 的原因。使用 HTTP GET 和 HTTP POST 請求遠端伺服器上的請求、HTML、XML、JSON 資料。讓我們看看其中的一些方法。

序號
方法和描述
1.
jQuery.ajax( options ) 
使用 HTTP 請求載入遠端頁面。
2.
jQuery.ajaxSetup( options ) 
設定 AJAX 請求的全域性設定。
3.
jQuery.get( url, [data], [callback], [type] 
使用 HTTP GET 請求載入遠端頁面。
4.
jQuery.getJSON( url, [data], [callback] ) 
使用 HTTP GET 請求載入 JSON 資料。

 jQuery

jQuery 簡化了 HTML 文件遍歷、事件處理、動畫和 Ajax 互動，從而可以快速進行 Web 開發。它具有以下功能：

  • **DOM 操作** - jQuery 透過使用名為 Sizzle 的跨瀏覽器開源選擇器引擎，簡化了選擇 DOM 元素、遍歷它們以及修改其內容的操作。
  • **事件處理** - jQuery 提供了一種優雅的方式來捕獲各種事件，例如使用者點選連結，而無需在 HTML 程式碼本身中使用事件處理程式。
  • **AJAX 支援** - jQuery 可以幫助您使用 AJAX 技術開發響應迅速且功能豐富的網站。
  • **動畫** - jQuery 附帶大量內建動畫效果，您可以在網站中使用這些效果。
  • **輕量級** - jQuery 是一個非常輕量級的庫 - 大約 19KB（最小化和 gzip 壓縮）。
  • **跨瀏覽器支援** - jQuery 具有跨瀏覽器支援，可在 IE 6.0+、FF 2.0+、Safari 3.0+、Chrome 和 Opera 9.0+ 中良好執行。

更新於： 2019年12月12日

1K+ 次檢視

啟動您的 職業生涯

完成課程後獲得認證

開始學習
廣告