如何使用 Fetch 发布 x-www-form-urlencoded 数据？-js教程-PHP中文网

如何使用 Fetch 发布 x-www-form-urlencoded 数据？

Susan Sarandon

发布： 2024-11-12 08:53:02

原创

568 人浏览过

How to POST x-www-form-urlencoded Data with Fetch?

使用 Fetch 发布 x-www-form-urlencoded 数据

在 Web 开发领域，HTTP 请求通常携带表单编码的数据到服务器。为了使用 Fetch API 实现此目的，让我们探讨如何构造这样的请求。

考虑这样的场景：您有用户名、密码和授权类型等参数需要作为表单编码数据发送到一台服务器。您已经使用适当的标头设置了请求，但是如何合并参数？

为此，您可以利用 URLSearchParams 的强大功能。操作方法如下：

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

登录后复制

URLSearchParams 对象充当参数的容器。它会自动对值进行 URL 编码，使其准备好进行传输。通过适当设置 Content-Type 标头，您的请求现在会将编码数据传送到服务器。

以上是如何使用 Fetch 发布 x-www-form-urlencoded 数据？的详细内容。更多信息请关注PHP中文网其他相关文章！