Set multiple request header in javascript

Question

Is it a good practice to use setRequestHeader twice like below? I need to use X-Requested-With in order to get some HTML forms.

function formRequest (method, url) {
  return new Promise(function (resolve, reject) {
    var client = new XMLHttpRequest();
    client.open(method, url);
    client.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    client.setRequestHeader('Content-Type', 'text/html');
    client.onload = function () {
      // ...
      resolve(client.response);
    };
    // ...
    client.send();
  });
}

Thank you.

By the way, it works with or without the Content-type.

You can add as many request headers you need, there is nothing wrong with it — nicowernli
– nicowernli, Commented Aug 6, 2017 at 9:23

GeorgeButter · Accepted Answer · 2019-11-19 02:54:16Z

7

request.setRequestHeader() Can be called multiple times, each time it is called it will add a new header. Therefore what you have done in your question is correct.

client.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
client.setRequestHeader('Content-Type', 'text/html');

Will cause your request to have two headers.

edited Nov 19, 2019 at 2:54

answered Aug 2, 2018 at 7:25

GeorgeButter

2,5891 gold badge32 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

Set multiple request header in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related