jQuery .getJSON vs .post which one is faster?

Question

Using

$.getJSON();

or

 $.post();

I'm trying to send some parameters through a page that is just for AJAX request and get some results in JSON or html snippet.

What I want to know is that which one is faster?

Assume the HTML file would be simply plain boolean text (true or false)

score 6 · Accepted Answer · edited May 23 '17 at 10:29

As others said there is no real difference between the two functions, because both of them will be sent by XMLHttpRequest.

If the server is handling both of the requests with the same code then the handling times should be the same.

Therefore the question can be translated to which one is faster the HTTP GET request or the POST request?

Because the POST request needs two additional HTTP headers (Content-Type and Content-Length) comparing to the GET request the latter should be faster (because less data will be transferred).

But that's just the speed, I think it's better to follow the REST guidelines here. Use POST if you're modifying something, use GET if you want to fetch something.

And one another important thing, GET responses could be cached, but I was having problems caching POST ones.

score 3 · Answer 2 · answered Aug 23 '11 at 11:52

3

i dont think it will make a difference both make use of ajax, .post loads the data using http post request where as getJSON uses a http get request more over you dont have to explicitly tell getJSON the dataType

answered Aug 23 '11 at 11:52

Rafay

30,236
5
64
98

score 3 · Answer 3 · answered Aug 23 '11 at 11:52

If it is a HTTP action that is retrieving data from the server without persisting (updating) anything, GET is the correct semantic to use.

Both post and get use HTTP so performance difference will be negligible, especially considering the variables of WAN communication.

score 2 · Answer 4 · answered May 17 '13 at 12:17

This is old but ...

We all have to remember about: CSRF/XSRF.

If you do it this way:

$.ajax({
    type: "POST", 
    dataType: "json",
    url: url, 
    data: {
    token : 'pass-some-security-token-here'
    },
    cache: false,
    success: function(data) {
    //do your stuff here
    }
});

you can receive it then like this, nullifying most CSRF/XSRF

if (isset($_POST['token'])) { //you can also test token further
    //do your stuff her and send back result
} else {
    //error: sorry, invalid, or no security token
}

In many cases GET is an invitation for bad guys, as getJSON uses GET HTTP request.

score 2 · Answer 5 · answered Aug 23 '11 at 11:48

2

They are both wrappers/shorthand methods for jQuery.ajax, so there wont be a performance difference.

answered Aug 23 '11 at 11:48

NimChimpsky

43,542
55
186
295

score 1 · Answer 6 · answered Aug 23 '11 at 11:50

1

$.getJSON(); is a shortcut to $.ajax(); which also calls $.post(); so you won't see much difference (but it will be easier to use $.getJSON() directly).

See the jquery doc

[EDIT] NimChimpsky was faster than me...

answered Aug 23 '11 at 11:50

JMax

24,408
12
63
87

score 0 · Answer 7 · answered Apr 16 '20 at 07:26

There are no difference, Because both are using XMLHttpRequest.

First, $.getJSON() is a shorthand Ajax function, which is equivalent to:

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

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

Second, $.post() is also a shorthand Ajax function, which is equivalent to:

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

https://api.jquery.com/jquery.post/

jQuery .getJSON vs .post which one is faster?

7 Answers7

Linked