Ajax-запрос к включенному JSON — readystate 4, статус 0

Я выполняю запрос Ajax GET для файла JSON, включенного в мой веб-сайт. Таким образом, файл JSON включается в отдельный лист. Состояние готовности запроса — «4», а состояние — «0». Итак, запрос отправлен, но текст ответа пуст.

Я проверил данные JSON. Файл javascript возвращает данные там, где они должны быть на странице HTML5. Обработка ошибок дает состояние готовности "4" и статус "0".

Это код файла javascript, данные JSON верны и проверены. Соединение HTML5 также работает должным образом, проверено. Файл javascript вставляет данные о правильном элементе в HTML..

Может ли кто-нибудь заметить ошибку? Всем спасибо!

var xhr = new XMLHttpRequest();                 //create Request Object

xhr.onload = function(){                        //when the Request is loaded, parse it in a responsetext 

if (xhr.status === 200){

    var responseObject = JSON.parse(xhr.responseText);

    var newContent ='';

    for (var i=0; i<responseObject.events.length; i++){

        newContent += responseObject.events[i].color;

        newContent += responseObject.events[i].value;

    }

    document.getElementById("jsonreturn_option").innerHTML = newContent;
}

else{

    document.getElementById("jsonreturn_option").innerHTML = xhr.readyState + "    " + xhr.status  ;

    //readystate is 4, which means that the request has been sent.. 
    //request status is 0, which means that the responsetext is empty.. 
}
};

xhr.open('GET','json/options_form.json',true);
xhr.send(null);                                         //no additional data to be sent

Файл данных JSON

{
"events":[

{  "color": "red", "value": "#f00"},
{  "color": "green", "value": "#0f0"},
{  "color": "blue", "value": "#00f"},
{  "color": "cyan", "value": "#0ff"}
]
}