JavaScript Получение данных от html получение запроса

Question

Я пытаюсь разобрать некоторые JSON данные и записать их на экран. Но не мог найти способ сделать это. (Данные, которые я пытаюсь получить: id = 8 и id = 9)

        window.onload = function() {
            loaddata();
        };
        function loaddata(){
                var url = "https://xxxxxx.com/xxx/xxxx/xxxxxx.php";
                $.getJSON(url, function(data) {
                    var val= data;
                  var humid=(data['relays'][(Object.keys(data['id=8'])]['status']);
                   var temper=(data['relays'][(Object.keys(data['id=9']]['status']);

                   document.getElementById("temperature").innerHTML = "<img src = 'temperature.png' height=\"60px\" width=\"60px\" style='vertical-align: middle' />  " +temper;
                   document.getElementById("humidity").innerHTML = "<img src = 'humidity.png' height=\"60px\" width=\"60px\" style='vertical-align: middle' />  "+humid;
                    console.log(data['weather'][(Object.keys(data['weather']).length)-1]['temp']);
                });
            
        }
        window.setInterval(function(){
        loaddata();
            }, 5000);
    
    </script>

Json Вывод с URL:

{"relays":[{"id":"1","status":"on"},{"id":"2","status":"off"},{"id":"3","status":"off"},{"id":"4","status":"off"},{"id":"5","status":"off"},{"id":"6","status":"off"},{"id":"7","status":"on"},{"id":"8","status":"61.00"},{"id":"9","status":"23.00"}],"success":1}

Html Код:

<div class="mydiv" style = 'font-family: Helvetica;color: #fff;font-size: 20px;' id="temperature">
                <img src = 'temperature.png' height="60px" width="60px" style='vertical-align: middle' /> 00.00 &nbsp;
            </div>
            <div class="mydiv" width="100px"style = 'font-family: Helvetica;color: #fff;font-size: 20px;' id="humidity">
                <img src = 'humidity.png' height="60px" width="60px" style='vertical-align: middle' /> 00.00 
            </div>