What should be the Content-type header in this fetch API Javascript Code?

Question

fetch(url, {
  method: 'post',
  headers: {
    "Content-type":
  },
  body: 'bar= foo& lorem=ipsum'

})

Should it be?

A) application/x-www-form-urlencoded; charset=UTF-8

B) text/html; charset=utf-8

C) application/json; charset=UTF-8

D) Content-Type: multipart/form-data; boundry=something

I've just started to learn JavaScript and APis. While looking at MDN docs I found there are different options to put in the headers. Just confused about which one to use?

Depends entirely upon what the server expects/cares about. urlencoded form data seems most appriopriate here based on the request body I think. — CollinD
– CollinD, Commented Oct 14, 2022 at 22:46

Barmar · Accepted Answer · 2022-10-14 22:52:12Z

2

A sequence of key=value parameters separated by & is the URL-encoded format of parameters. So A is the correct answer.

answered Oct 14, 2022 at 22:52

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jojo Over a year ago

Thank you! As a newbie, it's confusing sometimes. I appreciate your help.

Mohammad Yasin · Accepted Answer · 2024-02-05 06:21:48Z

1

if you are sending url encoded data (ex: key=value&key=value) then Content-Type will be:

A) application/x-www-form-urlencoded; charset=UTF-8

if you are sending html data (ex: <h1>hello</h1>) then Content-Type will be:

B) text/html; charset=utf-8

if you are sending json data (ex: {"name" : "anyName"}) then Content-Type will be:

C) application/json; charset=UTF-8

if you are sending form data + files (ex: new FormData(document.getElementById('form1'))) then you don't need to set Content-Type manually that is:

D) multipart/form-data; boundry=something

answered Feb 5, 2024 at 6:21

Mohammad Yasin

3022 silver badges10 bronze badges

Collectives™ on Stack Overflow

What should be the Content-type header in this fetch API Javascript Code?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related