@Azazel1928
Учусь верстать

Преобразование JSON объекта в строку и вывести?

Привет. Подскажите пожалуйста что делать!
Есть задача. Из файла 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 будет передаваться в тег и сохранять свою структуру.
Большое спасибо!!!
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Оно? JSON.stringify(api, null, 2)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы