Я пытаюсь интегрировать на свой сайт. Я успешно получил данные с помощью XMLHttpRequest, однако мне не нужна вся информация, мне нужна только конкретная информация.
Это мой код JavaScript
`
<div id = "demo">
<button type = "button" onclick = "loadXMLDoc()">Change Content</button>
</div>
<script>
function loadXMLDoc() {
var url = "https://api.paystack.co/transaction/";
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 ) {
document.getElementById("demo").innerHTML =
xhr.responseText;
console.info(xhr.responseText);
}
};
xhr.open("GET", url);
xhr.setRequestHeader("Authorization", "Bearer secret key");
xhr.send();
}
</script>
`
Это ответ на консоли, а не весь, просто показывается какая-то часть
{
"status": true,
"message": "Transactions retrieved",
"data": [
{
"id": 1806822806,
"domain": "test",
"status": "abandoned",
"reference": "773768164",
"amount": 56050,
"message": null,
"gateway_response": "The transaction was not completed",
"paid_at": null,
"created_at": "2022-05-09T12:17:25.000Z",
"channel": "card",
"currency": "NGN",
"ip_address": "197.210.55.168",
"metadata":
{
"customer":
{
"id": 79455936,
"first_name": "",
"last_name": "",
"email": "[email protected]",
"phone": "",
"metadata": null,
"customer_code": "CUS_xxxxxx",
"risk_action": "default"
},
},
Информация, которая мне нужна,
Я хочу отобразить их в DIV, пожалуйста, как мне это сделать?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


xhr.responseText — это строка JSON. Вам нужно преобразовать его в объект JS и выбрать только необходимые свойства. Нравиться
const jsonResponse = JSON.parse(xhr.responseText);
const { metadata, amount, created_at } = jsonResponse.data;
const { first_name, last_name } = metadata.customer;
const result = { first_name, last_name, created_at, amount };
document.getElementById("demo").innerHTML = JSON.stringify(result);