@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?
  • Вопрос задан
  • 125 просмотров
Решения вопроса 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('');
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
23 марта 2019, в 23:45
5000 руб./за проект
23 марта 2019, в 23:33
800 руб./за проект
23 марта 2019, в 21:08
1500 руб./за проект