Passing JSON data to .getJSON in jQuery?

Question

I am trying to pass a JSON object to .getJSON but I keep getting a bad request error. This is what I am trying:

var data = {
    "SomeID": "18",
    "Utc": null,
    "Flags": "324"
};

$.getJSON("https://somewhere.com/AllGet?callback=?", JSON.stringify(data), function (result) {
    alert(result);
});

Currently to get it working, I have to do this, but I do not like how I have to manually construct the query string:

$.getJSON("https://somewhere.com/AllGet?SomeID=18&Utc=&Flags=324&callback=?", null, function (result) {
        alert(result);
    });

Anyone know how to make requests easier with JSON objects being passed in? I would appreciate any help or advise.

try $.param(data); it outputs "SomeID=18&Utc=null&Flags=324" — unloco
– unloco, Commented Nov 22, 2011 at 19:06

craniumonempty · Accepted Answer · 2011-11-22 19:00:38Z

31

according to the site, this is valid:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
    alert("JSON Data: " + json.users[3].name);
    });

so try:

var data = {
    SomeID: "18",
    Utc: null,
    Flags: "324"
};

$.getJSON("https://somewhere.com/AllGet?callback=?", data, function (result) {
    alert(result);
});

edit: http://api.jquery.com/jQuery.getJSON/

answered Nov 22, 2011 at 19:00

craniumonempty

3,5352 gold badges22 silver badges18 bronze badges

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

Comments

Senad Meškin · Accepted Answer · 2011-11-22 18:59:18Z

3

Dont use JSON.stringfy, just pass data as it is.

$.getJSON("https://somewhere.com/AllGet?callback=?", data, function (result) {
    alert(result);
});

answered Nov 22, 2011 at 18:59

Senad Meškin

13.8k4 gold badges39 silver badges55 bronze badges

Comments

Jacob · Accepted Answer · 2011-11-22 18:59:50Z

3

When you provide data to a jQuery GET request, it expects an object, not a JSON string, for constructing the query string parameters. Try changing your original code to just this:

$.getJSON("https://somewhere.com/AllGet?callback=?", data, function (result) {
    alert(result);
});

answered Nov 22, 2011 at 18:59

Jacob

79k24 gold badges159 silver badges245 bronze badges

Comments

Abdul Munim · Accepted Answer · 2011-11-22 19:02:57Z

1

You don't need to do JSON.stringfy, just pass the JSON object, jQuery will construct your URL parameter with that

$.getJSON("https://somewhere.com/AllGet?callback=?", data, function (result) {
    alert(result);
});

answered Nov 22, 2011 at 19:02

Abdul Munim

19.2k8 gold badges54 silver badges61 bronze badges

Comments

Johan · Accepted Answer · 2011-11-22 19:12:35Z

1

why exactly do you need a callback? (Ow wait, jsonp) I'd try the following first:

$.getJSON("https://somewhere.com/AllGet?callback=?", data, function(result) {
  alert(result);
});

somewhere in firebug and see if it returns what you expect. I'm not sure what a string as data does, but just giving an object works fine afaik.

edited Nov 22, 2011 at 19:12

answered Nov 22, 2011 at 18:58

Johan

3,2121 gold badge26 silver badges19 bronze badges

Comments

Rafay · Accepted Answer · 2011-11-22 19:00:45Z

0

$.getJSON("https://somewhere.com/AllGet?callback=?", {SomeID:"18",Utc:null,Flags:"324"}, function (result) {
        alert(result);
    });

OR

var data = {
    "SomeID": "18",
    "Utc": null,
    "Flags": "324"
};


$.getJSON("https://somewhere.com/AllGet?callback=?",
 {
SomeID:data.SomeID,
Utc:data.Utc,
Flags:data.Flags
},
 function (result) {
            alert(result);
        });

answered Nov 22, 2011 at 19:00

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Comments

suketup · Accepted Answer · 2017-11-13 18:48:07Z

0

I tried encoding the json and it worked.

Not sure how efficient or practical it is, sharing it just as a work around for above question.

 $.getJSON("https://somewhere.com/AllGet?data="+encodeURI(JSON.stringify(data)), function (result) {
        alert(result);
 });

edited Nov 13, 2017 at 18:48

answered Nov 13, 2017 at 17:53

suketup

4697 silver badges12 bronze badges

Collectives™ on Stack Overflow

Passing JSON data to .getJSON in jQuery?

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related