Метод jQuery AJAX .getJSON ()

Метод jQuery get () используется для загрузки данных с использованием метода HTTP-запроса get. 
Метод jQuery getJSON () специально используется для загрузки данных JSON с помощью HTTP-запроса GET.
JSON , аббревиатура от JavaScript Object Notation, представляет собой облегченный формат обмена данными, используемый для хранения и обмена текстовой информацией.

$ .getJSON (url, [data], success_function (data, Status, xhr))
URL:  это строка, определяющая сервер, на который отправляется запрос. Это обязательный параметр.
data:  данные, которые будут отправлены на сервер вместе с HTTP-запросом.
success: необязательный параметр. Если запрос выполнен успешно, эта функция будет выполняться, если она задана. Он также содержит данные, возвращенные сервером. 
success_function(data, status, xhr)
data = данные, полученные с сервера
status = возвращает статус запроса, т.е. успех, ошибка, тайм-аут, не изменен
xhr = он содержит объект XMLHttpRequest.
Пример 1

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btnjson").click(function(){
$.getJSON("ajax/getjson.json",function(ajaxresult){
$("#SiteName").append(ajaxresult.SiteName);
$("#Tutorial_Name").append(ajaxresult.Tutorial);
$("#Lesson").append(ajaxresult.Lesson);
});
});
});
</script>
 
<button id="btnjson">Load JSON data from getjson.json file!</button>
<p id="SiteName">Site Name: </p>
<p id="Tutorial_Name">Tutorial Name: </p>
<p id="Lesson">Lesson: </p>
======================
ajax/getjson.json
======================
{ 
  "SiteName": "Tutorials Collection",
   "Tutorial": "JQuery Tutorial", 
  "Lesson": "getJSON() Method" 
}


 
Load JSON data from getjson.json file!
Site Name: 
Tutorial Name: 
Lesson: