В JSON.выход преобразовать в строки, чтобы div в довольно печатать способом

Я С 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 в довольно выводить?

Igor Ivancha
Редактировал вопрос 4-го февраля 2016 в 9:38
Программирование
javascript html json stringify pretty-print
31-го мая 2013 в 5:22
29 просмотров
Комментарии к вопросу (2)
Решение

Пожалуйста, используйте в `<предварительно> тег

демо : http://jsfiddle.net/K83cK/

в 

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>

в

mplungjan
Редактировал ответ 27-го февраля 2019 в 8:51
Комментарии (10)

Убедитесь, что выход JSON-это в в `<предварительно> тег.

Комментарии (0)

Полное раскрытие я автор этого пакета, но другой способ вывода JSON или JavaScript-объектов в читаемом виде, в комплекте с мочь пропускать деталей, свернуть их и т. д. это nodedump`, https://github.com/ragamufin/nodedump

Комментарии (0)

Мое предложение основано на:

  • заменить все '\П' (перевод строки) с &ЛТ;БР>
  • заменить каждый пробел с &усилителя;усилитель; nbsp;

в 

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>

в

gaetanoM
Редактировал ответ 2-го февраля 2019 в 2:31
Комментарии (0)

Если это действительно для пользователя, лучше, чем просто выводить текст, вы можете использовать библиотеку, как этот https://github.com/padolsey/prettyprint.js для вывода его в виде HTML-таблицы.

Комментарии (0)

Рассмотрим ваши остальные 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);
bruntime
Редактировал ответ 31-го августа 2017 в 7:29
Комментарии (0)

Если в `<предварительно> тег показывает одну строку в 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));
    }
Комментарии (0)

стиль использования бело-пространстве: предварительно в в <предварительно> по тегу также изменяет текстовый формат, который может быть нежелательным.

Комментарии (0)

печатать состояние компонента с JSX

render() {
  return (
    <div>
      <h1>Adopt Me!</h1>
      <pre>
        <code>{JSON.stringify(this.state, null, 4)}</code>
      </pre>
    </div>
  );
}

преобразовать в строки

Комментарии (0)

вы можете попробовать этот репозиторий : https://github.com/amelki/json-pretty-html

Комментарии (0)