使用表单（和 JavaScript fetch()）发布请求

Question

如何在帖子 (JavaScript fetch()) 请求中发送表单参数？ 例如 curl --form "avatar=@me.jpg" "https://example.com/api/v4/endpoint"

我尝试了以下代码：

const form = new FormData()
form.append("foo":"bar")
fetch( "https://someapi.org/api", {
    method: 'POST',
    headers:form
} )
    .then( response => response.json() )
    .then( response => {
        console.log(response)
    } );
}

这对我不起作用。

Answer 1

FormData 应作为RequestInit 的body 属性提供，如下所示：

确保使用正确的 Content-Type 标头。您可以在 MDN 上阅读有关 Using FormData Objects 的信息。

TS Playground

so-70865955.ts:

async function example () {
  const form = new FormData();
  form.append("foo", "bar");

  const apiAddress = "https://someapi.org/api";

  const init: RequestInit = {
    method: 'POST',
    headers: new Headers([['content-type', 'application/x-www-form-urlencoded']]),
    body: form,
  };

  const response = await fetch(apiAddress, init);
  const data = await response.json();
  console.log(data);
}

// Invoke it
example();

在您的控制台中：

deno run --allow-net so-70865955.ts