Из API json в HTML

Question

Через GET запрос страница получает данные из API json (необходимо отобразить эти данные в HTML)

    const requestURL = 'https://toncenter.com/api/index/getTransactionsByAddress?address=EQDGrxKUIzICg6AVS7EeXU50-JcJotEbmCFxwPOHjAqxgUCd'
    const xhr = new XMLHttpRequest()
    xhr.open('GET', requestURL)
    xhr.send()

Браузер нумерует данные как 0: 1: 2: 3: по списку нужен всегда 0: остальные 1: 2: 3: не нужны

Содержимое данных выглядит так:

    {
      "account": "0:c6af129423320283a0154bb11e5d4e74f89709a2d11b982171c0f3878c0ab181",
      "lt": 31204182000003,
      "hash": "Hfcm5yNbMJEKYT6NFk7/laCpjSNPO79bt+eSvIppLFw=",
      "utime": 1663168730,
      "fee": 32,
      "storage_fee": 32,
      "other_fee": 0,
      "transaction_type": "trans_ord",
      "compute_skip_reason": "cskip_no_state",
      "compute_exit_code": null,
      "compute_gas_used": null,
      "compute_gas_limit": null,
      "compute_gas_credit": null,
      "compute_gas_fees": null,
      "compute_vm_steps": null,
      "action_result_code": null,
      "action_total_fwd_fees": null,
      "action_total_action_fees": null,
      "in_msg": {
                  "source": "EQBDanbCeUqI4_v-xrnAN0_I2wRvEIaLg1Qg2ZN5c6Zl1KOh",
                  "destination": "EQDGrxKUIzICg6AVS7EeXU50-JcJotEbmCFxwPOHjAqxgUCd",
                  "value": 150000000,
                  "fwd_fee": 946674,
                  "ihr_fee": 0,
                  "created_lt": 31204182000002,
                  "op": 0,
                  "comment": "ac23430d-0fb3-435f-8ddc-b052d3a6824f",
                  "hash": "qmzIA37ERH7zGMDK1UblMr5h4tp0iqgKyLF2tDgNCis=",
                  "body_hash": "YR70/IltwJWYwf+iX2jEi/RvxrbOYHRoSR7d7UE63qU=",
                  "body": null
                },
      "out_msgs": [ ]
    }

Нужны лишь данные из элемента 0: (пример ниже)

      "in_msg": { "value": 150000000}

Если задача слишком сложная, то можно отобразить все данные из элемента 0:

В идеале, перейдя на HTML страницу должны появиться данные 150000000 и больше ничего (белый лист)

Answer 1

Добавляете на страницу в тег <body>

<div id="numbers"></div>

В JS скрипте добавляете, лучше это вынести за пределы циклов и повторных операций. Что бы поиск элемента в DOM был выполнен только один раз при загрузке страницы

const num = document.getElementById('numbers');

Допустим, полученный ответ вы положили в переменную result. Тогда в том месте, где вы получаете ответ, добавьте строчку:

num.innerHTML = result[0]?.in_msg?.value;

БЛОГ НА HUSL

Из API json в HTML

Ответы (1 шт):