Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) jQuery and AJAX The Office Status Project Revisited

kabir k
PLUS
kabir k
Courses Plus Student 18,036 Points
Posted by kabir k
kabir k
Courses Plus Student 18,036 Points

$.get( ) vs. $.getJSON( )

In the video, “The Office Status Project Revisited” we used the AJAX shorthand method, $.getJSON( ), to make the request.

Here's how it was used

$(document).ready(function () { 
  var url = '../data/employees.json';
  $.getJSON(url, function (response) {
    var statusHTML = '<ul class="bulleted">';
    $.each(response, function (index, employee) {  
      if (employee.inoffice === true) {
        statusHTML += '<li class="in">';
      } else {
        statusHTML += '<li class="out">';
      } 
      statusHTML += employee.name + '</li>';
    });
    statusHTML += '</ul>'; 
    $('#employeeList').html(statusHTML); 
  }); // end getJSON
}); // end ready

So, when should we use $.get( ) as opposed to $.getJSON( )? Could we have easily used $.get() instead of $.getJSON()?

1 Answer

Ken Alger
STAFF
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

Kabir;

Great question.

As far as I know, the following are equivalent:

$.get("/some/url", {data: "value"}, function(json) { 
  // use json here
}, "json")

$.getJSON("/some/url", {data: "value"}, function(json) {
  // use json here
});

$.getJSON() function is a shorthand Ajax function (internally use $.get() with data type script). Uses some limited criteria like Request type is GET and data Type is json.

Make any sense? You can take a look at the jQuery docs for $.get() and $.getJSON() and see some more specific details.

Happy coding,

Ken

kabir k
kabir k
Courses Plus Student 18,036 Points
kabir k
kabir k
Courses Plus Student 18,036 Points

Yeah, Dave said something about $.getJSON() only accepting JSON data. So, I guess that where the main difference lies.

Thanks, anyway.