Привет. Подскажите пожалуйста что делать!
Есть задача. Из файла JSON "вытаскивать" информацию и вписывать необходимые данные в popup, но одно из свойств объекта, содержит в себе кучу остальных объектов (Вообще это пример кода должен быть)
Пример:
Это данные объекта и его свойства
"registration":{
"link":"/api/auth/registration",
"api":{
"result": true,
"data": {
"name": "test",
"email": "test10@www.ru",
"api_token": "dYb4HQMwIZ0YXtkEBNQnsuekupAwCuMykWUFO6xB0kgHYqvgylGIFzLT8WO9",
"id": 34
},
"code": 0
}
},
То есть "registration" это объект, link и api это его свойства.
link уже понятное дело передается как строка. И я могу без проблем его передать в HTML как текст, а api как объекты с свойствами (пробовал просто все что в api брать в кавычки, но получаю ошибку в синтаксисе)
Форма вывода информации следующая :
const xhr = new XMLHttpRequest;
xhr.responseType = 'json';
xhr.addEventListener('load', function(){
window.api_schema = xhr.response;
for(let btn of btns){
btn.addEventListener('click', () => {
let content = btn.dataset.api;
modalLink.innerHTML = window.api_schema[content].link;
JSON.stringify(window.api_schema[content].api)
textApiCode.innerHTML = window.api_schema[content].api;
ModelPrimer.classList.remove('api-modal-none');
})
И в итоге то что хранит link без проблем передается и показывается, а то что в api это [object Object]
Помогите как быть?
P.S Как видно в коде. Пробовал преобразовать полученные данные в строку, но не получилось. К тому же оно на сколько я понимаю убирает пробелы и переносы строк, а мне желательно оставить чтоб все было в таком же порядке, так как вся информация api будет передаваться в тег и сохранять свою структуру.
Большое спасибо!!!