如何使用 Fetch 提交 x-www-form-urlencoded POST 请求？

使用 Fetch 发布 x-www-form-urlencoded 请求

要使用 Fetch 将表单编码的参数提交到服务器，您可以使用以下步骤：

1. 定义请求参数：

   const params = {
     'userName': '[email protected]',
     'password': 'Password!',
     'grant_type': 'password'
   };

   登录后复制

2. 设置请求头和方法：

   var obj = {
     method: 'POST',
     headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
     },
   };

   登录后复制

3. 使用 URLSearchParams 接口对参数进行编码：

   const encodedParams = new URLSearchParams();
   params.forEach((value, key) => encodedParams.append(key, value));

   登录后复制

4. 指定主体请求：

   obj.body = encodedParams.toString();

   登录后复制

5. 最后，提出请求：

   fetch('https://example.com/login', obj)
     .then(function(res) {
    // Do stuff with result
     });

   登录后复制

此过程有效地编码并包含表单编码参数在 POST 请求中，确保它们以与您的 API 兼容的格式提交到服务器。

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