Выхад JSON.stringify ў Div ў даволі спосабам друку

I JSON.stringify аб'ект JSON з дапамогай

result = JSON.stringify(message, my_json, 2)

<�Код> 2 у прыведзеным вышэй развазе мяркуецца даволі раздрукаваць вынік. Ён робіць гэта, калі я нешта накшталт абвесткі (вынік) . Тым не менш, я хачу, каб вывесці яго карыстачу, далучаючы яго ўнутры DIV. Калі я раблю гэта я атрымліваю толькі адна лінія паказвае ўверх. (Я не думаю, што гэта працуе, таму што разрывы і прабелу ня інтэрпрэтуюцца як HTML?)

{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }

Ці ёсць спосаб, каб вывесьці вынік JSON.stringify у DIV ў сімпатычным спосабе друку?

95
Выкарыстанне PHP, гэта было карысна для мяне: stackoverflow.com/a/13638998/470749
дададзена аўтар Ryan, крыніца
Выкарыстоўвайце папярэдні элемент? Выкарыстоўвайце падфарбаваць бібліятэку?
дададзена аўтар epascarello, крыніца

7 адказы

Please use a

  tag 


дэма: http://jsfiddle.net/K83cK/
251
дададзена
Гэта павінна быць прынята адказваць.
дададзена аўтар Levi Roberts, крыніца
Ідэальна падыходзіць. Гэта цалкам вырашае мэта
дададзена аўтар Nalin Agrawal, крыніца
але калі выкарыстоўваць «масіў»: [1,2,3,4] ў вышэй JS скрыпцы ў дадзеных. яна разбівае масіў на некалькі радкоў. чаму?
дададзена аўтар iGod, крыніца
Я заўсёды забываю аб тэгу
.
дададзена аўтар Stevus, крыніца
<�Код> да кажа рухавічок браўзэра, што змесціва ўнутры папярэдне адфарматаваны і можа адлюстроўвацца без якіх-небудзь змяненняў. Таму браўзэр не будзе выдаляць прабелы, новыя радкі і г.д. код для робячы яго больш семантычныя і азначае, што змесціва ўнутры фрагмент кода. Яна не мае нічога агульнага з фарматаваннем. Рэкамендуецца выкарыстоўваць, як гэта, <�папярэдне> /* Ваш фрагмент кода тут. */
дададзена аўтар Diode, крыніца
@iGod: Вось як stringify фарматы. Вы можаце перавызначыць яго праз функцыю "заменнік», які з'яўляецца другім параметрам, як паказана ніжэй. <�Код> JSON.stringify ({імя: "Дыёд", дэталі: {ўзрост: 123, месца: "XYZ"}, спіс: [1, 2, 3, 4, 5]}, функцыя (K, V) { калі (v InstanceOf масіў) вяртае JSON.stringify (v); вяртанне v;}, 2);
дададзена аўтар Diode, крыніца
Вялікі дзякуй.
дададзена аўтар CENT1PEDE, крыніца
для таго, каб пазбегнуць доўгіх ліній, каб выйсці з кантэйнера папярэдне тэг з'яўляецца даччыным, варта дадаць наступныя правілы CSS для папярэдняга тэга:
дададзена аўтар IHeartAndroid, крыніца
Дзякуй, але я не разумею, чаму ён не працуе ў тэгах ...
дададзена аўтар Bruno Gomes, крыніца
Вельмі проста спосаб, і гэта ўсё, што мне трэба. Дзякуючы.
дададзена аўтар Nguyen Tran, крыніца

Make sure the JSON output is in a

 tag.
17
дададзена

Full disclosure I am the author of this package but another way to output JSON or JavaScript objects in a readable way complete with being able skip parts, collapse them, etc. is nodedump, https://github.com/ragamufin/nodedump

6
дададзена

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

2
дададзена

Разгледзім вашыя вяртання REST API:

{"Intent":{"Command":"search","SubIntent":null}}

Пасля гэтага вы можаце зрабіць наступнае, каб надрукаваць у добрым фармаце:

Output will de displayed here.
   

var ciResponseText = document.getElementById('ciResponseText');
var obj = JSON.parse(http.response);
ciResponseText.innerHTML = JSON.stringify(obj, undefined, 2);   
1
дададзена

Вы можаце паспрабаваць гэты рэпазітар: https://github.com/amelki/json-pretty-html </а>

0
дададзена

use style white-space: pre the

 tag also modifies the text format which may be undesirable.
0
дададзена