如何使用 Fetch API 发送表单编码数据？

使用 Fetch 发布表单编码数据

发出 POST 请求时，您可能需要在负载中包含表单编码数据。以下是使用 Fetch API 处理此问题的方法：

解决方案

您可以使用 URLSearchParams 对象轻松在请求中包含表单编码的参数。下面是一个示例：

fetch('https://example.com/login', {
    method: 'POST',
    headers:{
      'Content-Type': 'application/x-www-form-urlencoded'
    },    
    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })
});

这会将您的参数编码为“userName=[email protected]”、“password=Password!”和“grant_type=password”，并将它们附加到请求正文中。

有关 WindowOrWorkerGlobalScope.fetch 方法的更多信息，请参阅 Mozilla 开发者网络文档： https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch

以上是如何使用 Fetch API 发送表单编码数据？的详细内容。更多信息请关注PHP中文网其他相关文章！