Я С JSON.преобразовать в строки` объект JSON с
result = JSON.stringify(message, my_json, 2)
Цифра 2
в приведенных выше аргумента должен довольно распечатать результат. Это происходит, если я делаю что-то вроде оповещения(результат)
. Однако, я хочу, чтобы выход этого пользователя, добавляя его в див. Когда я делаю это, я получаю только одну строку, показывая вверх. (Я не'т думаю, что это работает, потому что разрывы и пробелы не интерпретируется как HTML?)
{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }
Есть ли способ вывести результат в формате JSON.преобразовать в строки на div в довольно выводить?
Пожалуйста, используйте в `<предварительно> тег
демо :
в
var data = {
"data": {
"x": "1",
"y": "1",
"url": "http://url.com"
},
"event": "start",
"show": 1,
"id": 50
}
document.getElementById("json").innerHTML = JSON.stringify(data, undefined, 2);
<pre id="json"></pre>
в
Полное раскрытие я автор этого пакета, но другой способ вывода JSON или JavaScript-объектов в читаемом виде, в комплекте с мочь пропускать деталей, свернуть их и т. д. это nodedump`, https://github.com/ragamufin/nodedump
Мое предложение основано на:
в
var x = { "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 };
document.querySelector('#newquote').innerHTML = JSON.stringify(x, null, 6)
.replace(/\n( *)/g, function (match, p1) {
return '<br>' + ' '.repeat(p1.length);
});
<div id="newquote"></div>
в
Если это действительно для пользователя, лучше, чем просто выводить текст, вы можете использовать библиотеку, как этот https://github.com/padolsey/prettyprint.js для вывода его в виде HTML-таблицы.
Рассмотрим ваши остальные API возвращает:
{"Intent":{"Command":"search","SubIntent":null}}
Затем вы можете выполнить следующие действия, чтобы распечатать его в удобном формате:
<pre id="ciResponseText">Output will de displayed here.</pre>
var ciResponseText = document.getElementById('ciResponseText');
var obj = JSON.parse(http.response);
ciResponseText.innerHTML = JSON.stringify(obj, undefined, 2);
Если в `<предварительно> тег показывает одну строку в JSON, потому что's как строку осуществляется уже (через API или какой-либо функции/страницу вне вашего контроля), вы можете отформатировать его так:
HTML-код:
<pre id="json">{"some":"JSON string"}</pre>
На JavaScript:
(function() {
var element = document.getElementById("json");
var obj = JSON.parse(element.innerText);
element.innerHTML = JSON.stringify(obj, undefined, 2);
})();
или jQuery:
$(formatJson);
function formatJson() {
var element = $("#json");
var obj = JSON.parse(element.text());
element.html(JSON.stringify(obj, undefined, 2));
}
стиль использования бело-пространстве: предварительно
в в <предварительно> по тегу
также изменяет текстовый формат, который может быть нежелательным.
печатать состояние компонента с JSX
render() {
return (
<div>
<h1>Adopt Me!</h1>
<pre>
<code>{JSON.stringify(this.state, null, 4)}</code>
</pre>
</div>
);
}