setting multiple request headers with jquery ajax

Question

This is a bit of a ridiculous question, but how do I set multiple custom http headers in jquery?

This answer: https://stackoverflow.com/a/14655768/2554598 explains to do it for one header like:

// Request with custom header
$.ajax({
   url: 'foo/bar',
   headers: { 'x-my-custom-header': 'some value' }
});

This works. However

// Request with custom header
$.ajax({
   url: 'foo/bar',
   headers: [{ 'my-first-header': 'blub'}, { 'my-second-header': 'peng'}]
});

This creates a strange empty header field, containing a json array.

try headers: { 'my-first-header': 'blub', 'my-second-header': 'peng'} — Jaromanda X
– Jaromanda X, Commented Feb 21, 2016 at 13:02

Dario · Accepted Answer · 2016-02-21 13:07:32Z

9

Property headers is an object so just try:

headers: { 'my-first-header': 'blub', 'my-second-header': 'peng'}

answered Feb 21, 2016 at 13:07

Dario

6,3109 gold badges42 silver badges53 bronze badges

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

1 Comment

I should have spotted this myself. Thanks very much.