要在 JavaScript 中發出 HTTP 請求，您可以使用 XMLHttpRequest 對象或 fetch() 函數。

下面是使用 XMLHttpRequest 發出 GET 請求的示例：

const xhr = new XMLHttpRequest();xhr.open('GET', 'https://example.com/api/endpoint');xhr.onload = function() {if (xhr.status === 200) {console.log(xhr.responseText);} else {console.error('An error occurred: ' + xhr.status);} };xhr.send();

下面是使用 fetch() 發出 GET 請求的示例：

fetch('https://example.com/api/endpoint').then(response => response.text()).then(data => console.log(data)).catch(error => console.error(error));

兩個示例都會向指定的 URL 發出 GET 請求，并將響應記錄到控制臺。 fetch() 示例使用 Promises，這是處理 JavaScript 中的異步操作的一種方法。

您還可以通過指定適當的方法（例如 POST）并根據需要添加請求正文來使用這些方法發出 POST、PUT、DELETE 和其他類型的請求。

?使用JavaScript發送POST請求，可以使用XMLHttpRequest對象。這里是使用XMLHttpRequest發送POST請求到服務器的例子：

// Create an instance of the XMLHttpRequest object var xhr = new XMLHttpRequest();// Set the HTTP method and URL of the request xhr.open("POST", "https://example.com/api/endpoint");// Set the request header xhr.setRequestHeader("Content-Type", "application/json");// Set a function to be called when the request is complete xhr.onload = function () {// Check the status of the responseif (xhr.status === 200) {// If the request was successful, parse the response text as JSONvar response = JSON.parse(xhr.responseText);// Do something with the response} else {// If the request was unsuccessful, log an error messageconsole.error("An error occurred: " + xhr.status);} };// Set the request body var data = {field1: "value1",field2: "value2", };// Send the request xhr.send(JSON.stringify(data));

此代碼創建 XMLHttpRequest 對象的實例，設置請求的 HTTP 方法和 URL，設置請求標頭，并定義請求完成時要調用的函數。該函數檢查響應的狀態，并將響應文本解析為 JSON（如果請求成功）或記錄錯誤消息（如果請求不成功）。請求正文設置為對象，并使用 send（） 方法發送請求，將請求正文作為字符串化的 JSON 對象傳入。

總結

以上是生活随笔為你收集整理的Javascript 中发出 HTTP 请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。