Как преобразовать строку JSON в DOM элемент?

Question

[Юрий Валдис]

Как преобразовать строку JSON в DOM элемент?

Пример кода:

{
"contact_form_shortcode": "<div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f8-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"></div>....................</div>"
}

"

Answer 1

[0xD34F]

А при чём тут json? Ваша работа с JSON'ом кончается после получения результата работы JSON.parse, никакие DOM-элементы никогда не создаются на основе JSON'ов.

Так что речь тут не про json, а про объект, значением свойства которого является HTML-строка, на основе которой надо создавать DOM-элементы. Тут всё просто - кидайте эту строку в v-html.

Comments

[Алексей Шашенков]

Только надо помнить про XSS
На много лучше передавать данные, чем готовый html

Answer 2

[Дмитрий]

Применить jquery.
Обратиться в объекту.
$('body').append(data.contact_form_shortcode);