Posting JSON using JQuery and to set HTTP content type - 'application /json'

Question

I am using jquery to post Json data to server. However when I make a post request as below,

    $.ajax({
                type        :   'POST'  ,
                url         :   uri,
                data        :   jsonStrJson,
                contentType :   'application/json',
                success     :   successFunction
        });

The http request header content type is not "application/json" even though I posting a json object.

Since it is not applcation/json, the server does not process the requset and returns 415.

Is there a way to set the header using javascript or jquery API?

Appreciate it. Thank you very much i posted this thiniking i dint understand the Jquery API for AJAX. My bad. Thank you Jason — linux developer
– linux developer, Commented Jan 17, 2014 at 18:23

Mangu Singh Rajpurohit · Accepted Answer · 2016-04-05 07:03:03Z

25

Can you try this,

$.ajax({
    beforeSend: function(xhrObj){
        xhrObj.setRequestHeader("Content-Type","application/json");
        xhrObj.setRequestHeader("Accept","application/json");
    },
    type: "POST",
    url: uri,       
    data: jsonStrJson,               
    dataType: "json",
    success: function(json){
       console.log(json);
    }
});

edited Apr 5, 2016 at 7:03

Mangu Singh Rajpurohit

11.5k4 gold badges76 silver badges101 bronze badges

answered Jan 17, 2014 at 18:25

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

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

Comments

andreas · Accepted Answer · 2014-05-20 12:58:06Z

5

"contentType" instead "contentTYpe" should also solve the problem. ;)

answered May 20, 2014 at 12:58

andreas

591 silver badge1 bronze badge

Comments

Hossein Narimani Rad · Accepted Answer · 2017-09-26 08:15:34Z

0

Also for setting http request header parameters you can try this approach:

$.ajax({
       type        :   'POST'  ,
       url         :   uri,
       data        :   jsonStrJson,
       headers     : { 'Content-Type': 'application/json' }, //this line
       success     :   successFunction
        });

answered Sep 26, 2017 at 8:15

Hossein Narimani Rad

32.7k19 gold badges92 silver badges121 bronze badges

Collectives™ on Stack Overflow

Posting JSON using JQuery and to set HTTP content type - 'application /json'

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related