How to pass parameters to a JQuery $.getJSON callback method?

Question

 function CallMethod() {
     $.getJSON('/website/RESTfulService.svc/LiveLocation/json?{x=1,y=2}', function(data) {
         getResult(data.lat, data.lon);
     });
 }

try '/website/RESTfulService.svc/LiveLocation/json?x=1&y=2' – Nicocube Mar 05 '12 at 16:55 — Nicocube, Mar 05 '12 at 16:55

score 92 · Answer 1 · answered Mar 06 '12 at 13:08

92

Pass them as an object just after the URL and before the function:

function CallMethod() {
     $.getJSON('/website/RESTfulService.svc/LiveLocation/json', 
     {
        x: "1",
        y: "2"
     }, 
     function(data) {
         getResult(data.lat, data.lon);
     });
}

answered Mar 06 '12 at 13:08

Zheileman

2,509
20
23

1

I had no idea this is possible, just great. – Martin Meeser May 09 '14 at 12:06
How about passing no parameter/void? should I do `$.getJSON('/website/RESTfulService.svc/LiveLocation/json',null,function(data){...});`? – Dylan Czenski Sep 02 '16 at 22:17

score 11 · Answer 2 · edited Sep 19 '17 at 09:01

11

Alternatively, first create javascript object for the sake of simplicity and then pass

var myObject = {x: "1", y: "2"};

$.getJSON('/website/RESTfulService.svc/LiveLocation/json', myObject, function(dataVal) {
    //Use Your result
});

edited Sep 19 '17 at 09:01

Holger Ludvigsen

2,320
1
26
31

answered Sep 19 '17 at 07:06

Rahul Srivastava

373
5
8

This is basically the same answer as Zheileman's, and it is not easy to read. – Holger Ludvigsen Sep 19 '17 at 07:25
I know this is the same answer but the way of passing your data as a parameter is different. I have already mentioned that It is for the sake of simplicity. – Rahul Srivastava Sep 19 '17 at 08:47
I see your point. I have submitted a suggested edit of your answer which is more readable (which is the purpose of this alternative solution) – Holger Ludvigsen Sep 19 '17 at 08:53

score 4 · Answer 3 · answered Jan 06 '13 at 19:16

Just like Zheileman said, but note that this way, although you passed the parameters in JSON format, the actual parameters are passed to the webserver as an Encoded HTTP URL which will end up this way:

/website/RESTfulService.svc/LiveLocation/json?x=1&y=2

How to pass parameters to a JQuery $.getJSON callback method?

3 Answers3

Linked

Related