Как импортировать данные JSON, которые хранятся в стороннем файле в объект.

Если у вас есть какой-либо файл (например, data.json, в котором хранятся данные в формате JSON), рано или поздно возникает необходимость импортировать эти данные на веб-страницу, где они будут использоваться.

Предположим, что эти два файла располагаются в одной папке.

Я хочу поделиться методом, который позволяет решить эту проблему импорта данных в объект.

$(document).ready ( function(){
var data = (function () {
    var data = null;
    $.ajax({
        'async': false,
        'global': false,
        'url': 'data.json',
        'dataType': "json",
        'success': function (json) {
            data = json;
        }
    });
    return data;
})();
});

Результатом выполнения этого кода получим объект data, который будет содержать в себе данные из файла data.json. Далее этим объектом можно оперировать так, как это будет нужно.

Обратите внимание, что этот код должен находиться внутри конструкции $(document).ready ( function(){});