JavaScript 作為一種用于網頁動態效果的編程語言，經常需要和服務器交互來獲取數據。而在現代前后端分離的架構下，使用Http請求是最常見也是最重要的數據交換方式之一。本文將介紹 JavaScript 中常用的發送 Http 請求的方式，以及每種方式的優缺點，并會舉一些例子說明。

使用 XMLHttpRequest

XMLHttpRequest 是一個 JavaScript 內置的對象，它提供了一種在后臺與服務器交換數據的途徑。我們可以使用該對象發送 Async 請求和獲取服務器數據，和更新部分頁面，而不必刷新整個頁面。使用 XMLHttpRequest 發送 Http 請求的基本步驟如下：

// 1.創建 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 2.設置請求信息
xhr.open('GET', 'https://www.some-website.com/api/data', true);
// 3.設置響應數據類型和接收回調函數
xhr.responseType = 'json';
xhr.onload = function() {
console.log(xhr.response);
};
// 4.發送請求
xhr.send();

XMLHttpRequest 的優點在于它的兼容性好，幾乎所有的瀏覽器都支持，而且使用簡單，不需要其他庫或框架。但稍有不足的是必須手動處理請求的那些細節，比如設置 timeout，處理錯誤等方面。

使用 fetch

fetch 是 ES6 引入的新 API，也是一種發送 Http 請求的方式，所有現代瀏覽器都支持，它使用 Promise，簡化了異步請求的處理流程，更加方便。使用 fetch 發送 Http 請求的基本步驟如下：

fetch('https://www.some-website.com/api/data')
.then(response =>response.json())
.then(data =>console.log(data))
.catch(error =>console.error(error));

fetch 的優點在于它比 XMLHttpRequest 更方便，語法更簡潔，內部性能比 XMLHttpRequest 更好，但缺點是 fetch 不支持 cancel 請求和 upload 特性，而且它不支持 Promise chaining，即不能使用 catch 捕獲多個異常。

使用 jQuery

jQuery 是一個廣泛被使用的 JavaScript 庫，它提供了一種使用 Ajax 發送 Http 請求的方式。使用 jQuery 發送好處是 jQuery 包含了很多瀏覽器兼容性的處理，因此可以減少編寫代碼的工作量。使用 jQuery 發送 Http 請求的基本步驟如下：

$.ajax({
method: 'GET',
url: 'https://www.some-website.com/api/data'
})
.done(function(data) {
console.log(data);
})
.fail(function(error) {
console.error(error);
});

jQuery 的優點在于它兼容性好，同時用起來也非常方便。不過在整個項目中使用 jQuery 卻好多情況下并沒有必要，性能也不及用原生的方式。而且它和頁面密切相關，導致代碼冗長。

總結

本文講了三種主要的發送 Http 請求的方式：使用 XMLHttpRequest，使用 fetch，和使用 jQuery。每種方式都有各自的優缺點，選擇哪種方式取決于個人需求和項目環境。我個人推薦使用 fetch，因為它易用，可讀性好，性能也不錯。