Как выбрать определенные данные из REST API с помощью JavaScript и HTML
Здравствуйте, я пытаюсь создать простой javascript, который извлекает данные из REST API. Я хочу получить только 1 набор данных в списке элементов API или json.
Поскольку мне нужно только "последний" набор данных, чтобы быть включенным в совокупность, а не все остальное.
Я пробовал использовать другой метод получения последнего набора ценовых данных через curl, однако ресурсы блокируют запросы в php. Таким образом, мне нужно сделать это с помощью javascript.
document.getElementById("output").innerHTML = (ourRequest.responseText);
Я попытался изменить этот раздел на
document.getElementById("output").innerHTML = (ourRequest.responseText.last);
и несколько других переменных, однако, не дали результата.
Ниже приведен код js, который я сделал до сих пор, однако он показывает всю информацию API на странице, где мне нужно выбрать только 1 часть информации.
<p id = "output"></p>
<script>
var burl = "https://api.idex.market/returnTicker?market=ETH_STASH";
var url = burl;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.onload = function(){
document.getElementById("output").innerHTML = (ourRequest.responseText);
}
ourRequest.send();
</script>
Я ожидаю, что у меня будет только 0,00000001512001 в результате «последнего» набора данных.
и результат будет следующим:
{"last": "0.00000001512001", "high": "0.00000015", "low": "0.00000001512001", "lowAsk": "0.00000058999999999", "highBid": "0.00000001", "percentChange": "- 89.91999333", "baseVolume": "0.965950839330223243", "quoteVolume": "24272447.879302712135495139"}
Вы можете протестировать и отредактировать его здесь, чтобы попробовать: https://www.w3schools.com/code/tryit.asp?filename=FYUDV3ZFYNA9
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Попробуйте изменить
document.getElementById("output").innerHTML = (ourRequest.responseText);
к
document.getElementById("output").innerHTML = (JSON.parse(ourRequest.responseText).last);
Полное рабочее решение:
<script>
var burl = "https://api.idex.market/returnTicker?market=ETH_STASH";
var url = burl;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.onload = function(){
document.getElementById("output").innerHTML = JSON.parse(ourRequest.responseText).last;
}
ourRequest.send();
</script>
Я отредактировал ответ - вам нужно проанализировать ответ на JSON, прежде чем вы сможете его использовать
Я также пробовал обновленный код, но он не работает. Можете ли вы попробовать, используя предоставленную ссылку в описании вопроса, чтобы помочь мне лучше ..
Я снова обновился выше и в примере с w3schools. Я переместил .last за пределы метода JSON.parse
Да, прошу прощения, у меня был старый тест из предыдущего ответа. Ваш метод правильный!
Позвольте нам продолжить обсуждение в чате.
Преобразуйте responseText в допустимый объект JavaScript, используя
let returned_data = JSON.parse(ourRequest.responseText);
Затем перейдите к последнему свойству как
last = returned_data['last'];
Отредактировано
<script>
var burl = "https://api.idex.market/returnTicker?market=ETH_STASH";
var url = burl;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.onload = function(){
let returned_data = JSON.parse(ourRequest.responseText);
let last = returned_data['last'];
document.getElementById("output").innerHTML = last;
}
ourRequest.send();
</script>
Я попробовал ваш метод, но он вообще не вернул никаких данных. Это код 'code' <p id = "output"> </p> <script> var burl = "api.idex.market/returnTicker?market=ETH_STASH"; var url = burl; var ourRequest = новый XMLHttpRequest (); ourRequest.open ('ПОЛУЧИТЬ', URL, истина); ourRequest.onload = function () {document.getElementById ("вывод"). innerHTML = (ourRequest.responseText); } пусть возвращенные_данные = JSON.parse (ourRequest.responseText); последняя = возвращенные_данные ['последняя']; ourRequest.send (); </script> 'код'
Ты не правильно понял. Я имел в виду ourRequest.onload = function () {let return_data = JSON.parse (ourRequest.responseText); пусть последний = возвращенные_данные ['последний']; document.getElementById («вывод»). innerHTML = последний; }
Возможно, вы можете использовать ссылку в описании, чтобы проверить и сохранить код, чтобы я мог понять, что вы имеете в виду, потому что я добавил код, но я думаю, что он был не в том месте.
Это приводит к следующему результату «undefined»