jQuery getJSON syntax error

Question

I am trying to use jQuery's $.getJSON() function to make a server-side AJAX call:

$.getJSON() {
    url: "/my-server/some-url",
    success: function() {
        alert("Success!");
    }
}

Firebug shows this as a JavaScript error:

SyntaxError: missing ; before statement
[Break On This Error]   

$.getJSON() {

In reading the tutorial it appears that I'm using it right, passing in a URL and then a success callback. This particular URL doesn't require any data parameters, so I omitted them. Can anyone spot where I'm going awrye? Thanks in advance!

Daff · Accepted Answer · 2012-10-11 18:37:57Z

5

You want to call a function, using the getJSON arguments:

$.getJSON("/my-server/some-url", function(data) {
        alert("Success!");
});

Or use $.ajax passing an object:

$.ajax({
    url : "/my-server/some-url",
    dataType : 'json',
    success : function(data) {
            alert("Success!");
    }
});

To pass data (e.g. { dog: 1, cat: 4 } which will be converted to URL parameters) you can pass the object directly to both functions:

$.getJSON("/my-server/some-url", { dog : 1, cat : 4 }, function(data) {
        alert("Success!");
});
// Or
$.ajax({
    url : "/my-server/some-url",
    dataType : 'json',
    data : { dog : 1, cat : 4 },
    success : function(data) {
            alert("Success!");
    }
});

edited Oct 11, 2012 at 18:37

answered Oct 11, 2012 at 17:55

Daff

44.4k9 gold badges108 silver badges122 bronze badges

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

4 Comments

Daff Over a year ago

I was using a wrong signature first using $.getJSON instead of $.ajax.

jimp Over a year ago

@user1689607 Because the answer was wrong before it was corrected through edits.

IAmYourFaja Over a year ago

Thanks @Daff - please see my question under Aktee's answer - I have the same question for you!

Daff Over a year ago

I elaborated a little more with an example how to pass data.

jimp · Accepted Answer · 2012-10-11 18:21:35Z

2

Your code is wrong. Try this:

$.getJSON("/my-server/some-url",function() {
         alert("Success!");
     }
});

Your code is closer to the $.ajax method.

$.ajax({
    url: "/my-server/some-url",
    success: function() {
        alert("Success!");
    }
});

EDIT:

You can also pass URL arguments with the data parameter.

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

Data that is sent to the server is appended to the URL as a query string. If the value of the data parameter is an object (map), it is converted to a string and url-encoded before it is appended to the URL.

$.getJSON("/my-server/some-url",{ dog: 1, cat: 4 },function() {
         alert("Success!");
     }
});

// Requests: "/my-server/some-url?dog=1&cat=4

edited Oct 11, 2012 at 18:21

answered Oct 11, 2012 at 17:57

jimp

17.6k3 gold badges30 silver badges39 bronze badges

1 Comment

IAmYourFaja Over a year ago

Thanks @jimp - please see my question under Aktee's answer - I have the same question for you!

Maktouch · Accepted Answer · 2012-10-11 18:00:16Z

1

You are not using the correct syntax. $.getJSON is a function with parameters. The first parameter is mandatory, and it's a string containing the url.

$.getJSON(
    "/my-server/some-url", 
    data,
    function(callback) { 
        alert('success')
    }
);

$.getJSON is a shortcut for $.ajax, which is similar to what you wrote. $.ajax takes a single object as a parameter..

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

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

answered Oct 11, 2012 at 18:00

Maktouch

3,24723 silver badges21 bronze badges

2 Comments

IAmYourFaja Over a year ago

Thanks @Aktee (+1) - question - how do I set data parameters with $.getJSON? Let's say I want to use it with a new URL that expects both a dog and a cat data parameter. Where you right data could I just use { dog: 1, cat: 4 } or is there some other trick? Thanks again!

Maktouch Over a year ago

@pnongrata, It is exactly how you did it! $.getJSON("/url/here", {dog: 1, cat: 1}, callback)

O'Mutt · Accepted Answer · 2012-10-11 17:57:34Z

0

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

$.getJson('url', function(data) {
   //do stuff with data
});

answered Oct 11, 2012 at 17:57

O'Mutt

1,5831 gold badge13 silver badges28 bronze badges

Comments

Chase · Accepted Answer · 2012-10-11 17:58:40Z

0

The .getJSON function is a shorthand for the .ajax function

jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] )

$.getJSON("/my-server/some-url", function() {
  //Success
  alert("success");
});

answered Oct 11, 2012 at 17:58

Chase

29.6k1 gold badge52 silver badges49 bronze badges

Collectives™ on Stack Overflow

jQuery getJSON syntax error

5 Answers 5

4 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related