@anton99zel

Как вывести в html данные из консоли (скрипта)?

Данный код по почтовому индексу выдает список из трех ближайших постаматов.
Мне этот список нужно оформить в виде input radio для выбора пользователем и затем отправить формой.
spoiler
<html><head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head><body>
<script>
axios({
    method: 'post',
    url: 'https://e-solution.pickpoint.ru/api/postindexpostamatlist',
    headers: {
        'Content-type': "application/json",
    },
    data: {
        PostIndex: '390047',
    },
})
.then(data => console.log(data.data.PostamatList));
</script>
</body>
</html>

Проблема в том, что я не совсем понимаю, как из консоли выдернуть эти данные для использования в php/html.
В консоли браузера получаю следующее:
spoiler
(3) [{…}, {…}, {…}]
0: {Address: "Новоселов ул., д. 30 А", AmountTo: "Без ограничений", BuildingType: null, Card: 1, Cash: 1, …}
1: {Address: "Фрунзе ул., д. 5", AmountTo: "50000", BuildingType: null, Card: 1, Cash: 1, …}
2: {Address: "Крупской ул.,  д. 6", AmountTo: "15000", BuildingType: null, Card: 0, Cash: 1, …}
length: 3
__proto__: Array(0)

Раскрыв ветку 0:
spoiler
(3) [{…}, {…}, {…}]
0:
Address: "Новоселов ул., д. 30 А"
AmountTo: "Без ограничений"
BuildingType: null
Card: 1
Cash: 1
CitiId: 1448
CitiName: "Рязань"
CitiOwnerId: 0
CityName_Eng: "Ryazan"
ClosingComment: null
ClosingDateFrom: null
ClosingDateTo: null
Comment: null
ConstructorOnly: false
CountryIso: "RUS"
CountryName: "Россия"
DateOfOpen: "22.04.14"
File0: "Content/Postamat/6201-001/Images/1"
File1: "Content/Postamat/6201-001/Images/2"
File2: ""
FileI0: "Content/Postamat/6201-001/Images/1"
FileI1: "Content/Postamat/6201-001/Images/2"
FileI2: ""
Fitting: false
FullInfo: null
House: "д. 30 А"
Id: 309723441

Как теперь вывести это в html: адрес, город и id?
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
0xD34F
@0xD34F
document.querySelector('form').innerHTML += data.data.PostamatList.map(n =>
 `<div>
    <label>
      <input type="radio" name="postamat" value="${n.Id}">
      ${n.CitiName}, ${n.Address}
    </label>
  </div>`
).join('');
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Digital Sharks Казань
от 60 000 до 65 000 руб.
CS Money Санкт-Петербург
от 120 000 до 150 000 руб.
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект