Загрузка CORs проблемы JSON с удаленного сервера

Question

у меня есть этот файл на моем сервере json файл на удаленном сервере

, и у меня есть этот код в моем скрипте, я использую vanilla javascript, расположенный на моем локальном система (ноутбук), и я обращаюсь к нему через виртуальный хост - http://test.js

function loadJsonData(file) {   
    var xmlhttprequest = new XMLHttpRequest();
    xmlhttprequest.withCredentials = "true";

    xmlhttprequest.open('GET', file, true); 
    xmlhttprequest.onreadystatechange = function () {
    if(xmlhttprequest.readyState == 4 && xmlhttprequest.status == "200") {
       return JSON.parse(xmlhttprequest.responseText);
    }
  };
   xmlhttprequest.send(null);  
 }

var json = loadJsonData('http://www.tamarazie.com/test_data.json');
console.log(json);

на моем сервере онлайн, у меня это есть в моем файле .htaccess,

######################
## Handling Options for the CORS
     RewriteCond %{REQUEST_METHOD} OPTIONS
     RewriteRule ^(.*)$ $1 [L,R=204]

###################
## Add custom headers

    Header set X-Content-Type-Options "nosniff"
    Header set X-XSS-Protection "1; mode=block"
       # Always set these headers for CORS.
    Header always set Access-Control-Max-Age 1728000
    Header always set Access-Control-Allow-Origin: "*"
    Header always set Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"
    Header always set Access-Control-Allow-Headers: "DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,C$
    Header always set Access-Control-Allow-Credentials true

но все же при запуске я все еще получаю эту ошибку, вот скриншот

пожалуйста, кто знает, какие настройки я могу сделать, чтобы успешно загрузить JSON данные. заранее спасибо ..