jQuery getJSON() Method

$("#load").on("click", function () {
  $.getJSON(
    "https://jsonplaceholder.typicode.com/users/1",
    function (user) {
      $("#result").text(user.name + " · " + user.email);
      console.log(typeof user); // "object"
    }
  );
});

$.getJSON(
  "https://jsonplaceholder.typicode.com/users/1",
  function (user) {
    var items = [];
    var fields = {
      name: user.name,
      username: user.username,
      email: user.email,
      phone: user.phone,
      website: user.website
    };

    $.each(fields, function (key, val) {
      items.push("
" + key + ": " + val + "
");
    });

    $("
", {
      "class": "user-field-list",
      html: items.join("")
    }).appendTo("#list-container");
  }
);

$("#search").on("click", function () {
  var userId = $("#user-id").val() || 1;

  $.getJSON(
    "https://jsonplaceholder.typicode.com/posts",
    { userId: userId },
    function (posts) {
      var titles = posts.slice(0, 3).map(function (p) {
        return p.title.substring(0, 40) + "...";
      });
      $("#result").text(
        "Found " + posts.length + " posts for user " + userId +
        " — " + titles.join(" | ")
      );
    }
  );
});

function loadUser(userId) {
  return $.getJSON("https://jsonplaceholder.typicode.com/users/" + userId)
    .done(function (user, textStatus, jqXHR) {
      $("#name").text(user.name);
      $("#status").text("Loaded (HTTP " + jqXHR.status + ")");
    })
    .fail(function (jqXHR, textStatus, errorThrown) {
      $("#name").text("User not found");
      $("#status").text("Error: " + textStatus + " — " + errorThrown);
    });
}

loadUser(1);          // success path
// loadUser(99999);   // triggers .fail()

var url = "https://jsonplaceholder.typicode.com/albums/1";

// A — dedicated JSON shorthand
$.getJSON(url, function (album) {
  $("#title-a").text(album.title);
});

// B — $.get() with fourth dataType argument
$.get(url, null, function (album) {
  $("#title-b").text(album.title);
}, "json");

// Both ≈ $.ajax({ url, dataType: "json", type: "GET", success: fn })