Как отобразить данные JSON из URL, используя только JavaScript?

Question

Я пытаюсь получить цену за товар из Steam (ссылка ниже), используя JavaScript для моего расширения Chrome. Это оставляет ошибку, изображение ниже. Как получить данные из этого файла JSON без использования jQuery? Просто чистый JavaScript (не jQuery), так как это расширение Chrome.

Steam: https://steamcommunity.com/market/priceoverview/?currency=3&appid=730&market_hash_name=Chroma+2+Case&fbclid=IwAR0LaQtg93meOmX9-LyX9GIq6cG4oKsn0WdziFmGL634ie335u1Z9FIxQPE

Я пробовал на своем компьютере с Windows 10, используя параметры разработчика в Google Chrome, где у меня естьинициализировал мое расширение. Я также попытался использовать простой файл .html.

    const request = new XMLHttpRequest();

    request.open('GET', 'https://steamcommunity.com/market/priceoverview/?currency=3&appid=730&market_hash_name=Chroma%202%20Case');
    request.send();

    request.onload = () => {
      if (request.status === 200) {
        console.log("Success"); // So extract data from json and create table

        //Extracting data
        let price = JSON.parse(request.response).median_price;
        let volume = JSON.parse(request.response).volume;

        console.log(price);
        console.log(volume);
      }
    };

    request.onerror = () => {
      console.log("error")
    };

Я хочу отобразить median_price и объем элемента. В настоящее время это просто оставляет ошибки. Ошибка: Uncaught SyntaxError: Неожиданный конец ввода JSON в JSON.parse () в XMLHttpRequest.request.onload (content.js: 51)