jQuery Ajax : send data storing in a variable

Question

I need to send the JSON data in a jQuery's ajax call like this:

$.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: '{"assessmentId":1,"pageId":1,"currentPage":2}',
    async: false,
    success: function(data) {
    // TO DO
    }
});

This is working fine but the data I am sending needs to be stored in a variable like this:

var jsonSendingData = '{"assessmentId":1,"pageId":1,"currentPage":2}';

Once I keep it in a variable jsonSendingData and pass in ajax call, it gives me error.

I also tried to stringify the json data like this:

var jsonSendingData = JSON.stringify([{"assessmentId":1,"pageId":1,"currentPage":2}]);

It does not work. What am I doing wrong here?

When you called stringify you added an extra pair of array-brackets on the outside. You're stringifying [{...}] instead of {...} and that difference will be faithfully passed on to the server. Apparently the server doesn't like it. — user2404501
– user2404501, Commented Dec 26, 2013 at 17:29
I think this is very similar to this stackoverflow.com/a/20571576/1310070 — Sachin Jain
– Sachin Jain, Commented Dec 26, 2013 at 17:34

Community · Accepted Answer · 2017-05-23 12:03:44Z

2

You don't need to send the data as a string, jQuery will do that for you. Try this

var myData = {
  assessmentId: 1,
  pageId: 1,
  currentPage: 2
};

$.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: myData, //Notice the change here
    async: false,
    success: function(data) {
      // TO DO
    }
});

PS: There is a very similar answer here. Please check that.

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Dec 26, 2013 at 17:28

Sachin Jain

21.9k34 gold badges113 silver badges177 bronze badges

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

4 Comments

jeewan Over a year ago

I need to send a variable in data's value like this: data : myJsonData, I already mentioned above that, the code you wrote already working.

Sachin Jain Over a year ago

@jeewan Take a look at updated answer. You are making an error by wrapping json in quotes

jeewan Over a year ago

I tried this but you missed to stringify myData before sending. So, finally, this worked: myData = JSON.stringify(myDaya); Thanks :-)

Sachin Jain Over a year ago

Glad that you could find out yourself even with very small help..:)

giannis christofakis · Accepted Answer · 2013-12-26 17:36:33Z

1

You don't need the quotes when storing in variable.

var jsonSendingData = {
    assessmentId:1,
    pageId:1,
    currentPage:2
};

jQuery.ajax({
       url:url,
       type:'POST',
       data:jsonSendingData
  }).done(function(data){
   console.log(data);
 });

Otherwise you have to specify it in the request headers

var datastring = JSON.stringify(jsonSendingData);

data: datastring,
contentType: "application/json",

edited Dec 26, 2013 at 17:36

answered Dec 26, 2013 at 17:29

giannis christofakis

8,3524 gold badges56 silver badges67 bronze badges

Collectives™ on Stack Overflow

jQuery Ajax : send data storing in a variable

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related