在前端开发中，RESTful API 作为一种常用的接口形式，它采用 HTTP 协议来传递数据。而 HTTP 协议又是通过谓词（verb）来定义请求类型的，所以在学习 RESTful API 的同时，我们也需要了解 HTTP 的谓词，这样才能更好地理解 RESTful API 的设计和使用。
HTTP 谓词简介
HTTP 谓词又称为 HTTP 方法，常用的谓词有以下几种：
- GET：获取资源
- POST：创建资源
- PUT：更新资源
- DELETE：删除资源
- PATCH：部分更新资源
- HEAD：获取资源的头部信息
- OPTIONS：获取资源支持的谓词方法
其中，GET 和 POST 是最常用的谓词，PUT 和 DELETE 虽然也被广泛使用，但并不是所有服务器都支持。HEAD 和 OPTIONS 主要用于一些特殊的场景，比如预请求和资源状态查询。而 PATCH 则是相对新的谓词，用于部分更新资源。下面我们来详细介绍一下每个谓词的具体用途和示例代码。
GET
GET 谓词用于获取资源，也就是从服务器上读取数据。它不会对服务器上的资源进行任何修改操作，只是从服务器上读取数据并返回到客户端。比如一个网站访问时，通常会使用 GET 方法获取网站上的 HTML、CSS、JavaScript 等文件。
以下是使用 jQuery 发送 GET 请求的示例代码：
$.get('/api/users/1', function(data) {
console.log(data); // 返回的用户信息
});在上面的代码中，我们使用了 jQuery 的 $.get 方法来发送 GET 请求，并且传入了一个回调函数来处理服务器返回的数据。
POST
POST 谓词用于创建资源，也就是向服务器上写入数据。比如在网站上发表评论时，就需要使用 POST 方法将评论信息发送到服务器上。使用 POST 方法会在服务器上创建一个新的资源，并且返回该资源的地址。
以下是使用 jQuery 发送 POST 请求的示例代码：
$.post('/api/users', {
name: 'John',
age: 30
}, function(data) {
console.log(data); // 返回的用户信息
});在上面的代码中，我们使用了 jQuery 的 $.post 方法来发送 POST 请求，并且传入了一个包含了用户信息的对象作为数据。服务器会根据这个对象创建一个新的用户资源，并且返回该资源的地址和具体信息。
PUT
PUT 谓词用于更新资源，也就是在服务器上修改已有的数据。使用 PUT 方法会在服务器上找到指定的资源，然后将其更新为新的数据。
以下是使用 jQuery 发送 PUT 请求的示例代码：
-- -------------------- ---- -------
--------
---- ---------------
----- ------
----- -
----- -------
---- --
--
-------- -------------- -
------------------ -- --------
-
---在上面的代码中，我们使用了 jQuery 的 $.ajax 方法，指定了 URL 和请求类型。数据部分提供了要修改的用户信息，服务器会根据该信息找到对应的用户资源，并将其更新为新的数据。
DELETE
DELETE 谓词用于删除资源，也就是在服务器上彻底删除指定的数据。使用 DELETE 方法会在服务器上找到指定的资源，并将其删除。
以下是使用 jQuery 发送 DELETE 请求的示例代码：
$.ajax({
url: '/api/users/1',
type: 'DELETE',
success: function(data) {
console.log('删除成功');
}
});在上面的代码中，我们使用了 jQuery 的 $.ajax 方法，指定了 URL 和请求类型。服务器会根据 URL 找到对应的用户资源，并将其删除。
PATCH
PATCH 谓词用于部分更新资源，也就是仅仅更新资源的某些属性或者字段。它主要是为了在更新资源时，仅仅修改那些需要修改的属性或字段，而不是把整个资源都重新传输一遍。
以下是使用 jQuery 发送 PATCH 请求的示例代码：
-- -------------------- ---- -------
--------
---- ---------------
----- --------
----- -
---- --
--
-------- -------------- -
------------------ -- ----------
-
---在上面的代码中，我们使用了 jQuery 的 $.ajax 方法，指定了 URL 和请求类型。数据部分提供了要修改的属性和字段，服务器会根据该信息找到对应的用户资源，并部分更新该资源。
HEAD
HEAD 谓词用于获取资源的头部信息，也就是获取该资源的元数据而不是其具体的内容。比如获取一个网站的 HTML 文件时，可以使用 HEAD 方法来获取该文件的元数据，比如文件名、大小、创建时间等信息。
以下是使用 jQuery 发送 HEAD 请求的示例代码：
$.ajax({
url: '/api/users/1',
type: 'HEAD',
success: function(data, textStatus, xhr) {
console.log(xhr.getResponseHeader('Content-Length')); // 文件大小
}
});在上面的代码中，我们使用了 jQuery 的 $.ajax 方法，指定了 URL 和请求类型。服务器返回的是资源的元数据信息，我们可以从响应头中获取到该信息。
OPTIONS
OPTIONS 谓词用于获取资源支持的谓词方法，也就是查询该资源支持的 HTTP 请求类型。比如在开发中，我们需要知道一个 API 是否支持某种请求类型时，就可以使用 OPTIONS 方法来查询。
以下是使用 jQuery 发送 OPTIONS 请求的示例代码：
$.ajax({
url: '/api/users/1',
type: 'OPTIONS',
success: function(data) {
console.log(data); // 返回支持的谓词方法
}
});在上面的代码中，我们使用了 jQuery 的 $.ajax 方法，指定了 URL 和请求类型。服务器会返回该资源所支持的谓词方法，我们可以根据这个响应来确定该资源支持哪些请求类型。
总结
通过以上的介绍，我们可以更加清楚地了解每个 HTTP 谓词的具体用途和示例代码。在实际开发中，我们需要根据具体场景来选择合适的谓词方法，并结合 RESTful API 的设计原则来定义接口，从而达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646c549a968c7c53b0b53545