使用 forms（和 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 header。 您可以在 MDN 上閱讀有關使用FormData對象的信息。

TS游樂場

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