只需将主体设置为如下所示

var reqBody = "username="+username+"&password="+password+"&grant_type=password";

then

fetch('url', {
      method: 'POST',
      headers: {
          //'Authorization': 'Bearer token',
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      },
      body: reqBody
  }).then((response) => response.json())
      .then((responseData) => {
          console.log(JSON.stringify(responseData));
      }).catch(err=>{console.log(err)})

在一个简单的函数中包装取回

async function post_www_url_encdoded(url, data) {
    const body = new URLSearchParams();
    for (let key in data) {
        body.append(key, data[key]);
    }
    return await fetch(url, { method: "POST", body });
}

const response = await post_www_url_encdoded("https://example.com/login", {
    "name":"ali",
    "password": "1234"});
if (response.ok){ console.log("posted!"); }

你必须自己把x-www-form-urlencoded有效负载放在一起，就像这样:

var details = {
    'userName': 'test@gmail.com',
    'password': 'Password!',
    'grant_type': 'password'
};

var formBody = [];
for (var property in details) {
  var encodedKey = encodeURIComponent(property);
  var encodedValue = encodeURIComponent(details[property]);
  formBody.push(encodedKey + "=" + encodedValue);
}
formBody = formBody.join("&");

fetch('https://example.com/login', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  body: formBody
})

注意，如果你在一个(足够现代的)浏览器中使用fetch，而不是React Native，你可以创建一个URLSearchParams对象并使用它作为主体，因为fetch标准声明，如果主体是一个URLSearchParams对象，那么它应该被序列化为application/x-www-form-urlencoded。然而，你不能在React Native中这样做，因为React Native没有实现URLSearchParams。

在最初的示例中，您有一个transformRequest函数，它将对象转换为Form Encoded数据。

在修改后的示例中，您已将其替换为JSON。stringify将对象转换为JSON。

在这两种情况下，你都有'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'，所以在这两种情况下，您都声称要发送表单编码的数据。

使用你的表单编码函数，而不是JSON.stringify。

重新更新:

在第一个获取示例中，将主体设置为JSON值。

现在您已经创建了一个Form Encoded版本，但是您没有将主体设置为该值，而是创建了一个新对象，并将Form Encoded数据设置为该对象的属性。

不要创建额外的对象。把你的值赋给身体。

你可以使用FormData和URLSearchParams发布为application/x-www-form-urlencoded，示例如下:

如果你有一个表格:

<form>
    <input name="username" type="text" />
    <input name="password" type="password" />
    <button type="submit">login</button>
</form>

您可以添加使用下面的JS来提交表单。

const form = document.querySelector("form");

form.addEventListener("submit", async () => {
    const formData = new FormData(form);
    try {
        await fetch("https://example.com/login", {
            method: "POST",
            headers: {
                "Content-Type": "application/x-www-form-urlencoded",
            },
            body: new URLSearchParams(formData),
        });
    } catch (err) {
        console.log(err);
    }
});

对于上传表单编码的POST请求，我建议使用FormData对象。

示例代码:

var params = {
    userName: 'test@gmail.com',
    password: 'Password!',
    grant_type: 'password'
};

var formData = new FormData();

for (var k in params) {
    formData.append(k, params[k]);
}

var request = {
    method: 'POST',
    headers: headers,
    body: formData
};

fetch(url, request);