JavaScript GET和POST请求在Vanilla中的区别

在这篇文章中，我们将学习关于Vanilla JavaScript中的GET和POST请求方法，并通过示例来理解这两种方法。

GET 和 POST 是两种不同类型的HTTP请求方法。HTTP协议支持许多方法来从服务器传输数据或在服务器上执行任何操作。HTTP协议支持的方法包括GET、POST、PUT、DELETE、PATCH、COPY、HEAD、OPTIONS等。在我们深入了解 GET 和 POST 请求方法的主要区别之前，让我们先了解一下这些HTTP方法是什么。

• GET请求方法： 从特定资源（通过一些API URL）请求数据。在示例中使用一个虚拟API来演示GET请求的工作原理。
• POST请求方法： 将数据发送到特定资源以进行处理（通过一些API URL）。在示例中使用一个虚拟API来演示POST请求的工作原理。

GET和POST请求方法是由 fetch()方法 使用的，该方法用于向服务器发送请求并在网页中加载信息。

示例： 该示例演示了GET请求方法。

// Instantiating new XMLHttpRequest() method
let xhr = new XMLHttpRequest();
 
// open() method to pass request
// type, url and async true/false 
xhr.open('GET',
    'https://jsonplaceholder.typicode.com/users/2', true);
 
// onload function to get data 
xhr.onload = function () {
    if (this.status === 200) {
        console.log(JSON.parse(this.responseText));
    }
}
 
// Send function to send data
xhr.send()

示例： 示例演示POST请求方法。

// Instantiating new XMLHttpRequest()
let xhr = new XMLHttpRequest();
 
// open() method to pass request
// type, url and async true/false 
xhr.open('POST',
    'http://dummy.restapiexample.com/api/v1/create', true);
 
// Setting content-type
xhr.getResponseHeader('Content-type', 'application/json');
 
// Perform the following when the response is ready
xhr.onload = function () {
    if (this.status === 200) {
        console.log(this.responseText)
    }
    else {
        console.log("Some error occurred")
    }
}
 
// Send the request as an object obj
obj = `{"name":"Selmon Bhoi", 
        "salary":"$10, 000", "age":"55"}`;
xhr.send(obj);

GET和POST之间的区别：