從JSON中讀取資料追加到HTML中

2021-09-27 13:53:18 字數 863 閱讀 1922

有時候我們需要將json資料直接顯示在頁面上(比如在做乙個介面測試的專案,需要將介面返回的結果直接展示),但是如果直接顯示字串,不方便檢視。需要格式化一下。其實

json.stringify
本身就可以將json格式化,具體的用法是:

json.stringify(res, null, 2); //res是要json化的物件,2是spacing

如果想要效果更好看,還要加上格式化的**和樣式:

js**:

function syntaxhighlight(json) json = json.replace(/&/g, '&').replace(/'/g, '>'); return json.replace(/("(\\u[a-za-z0-9]|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d (?:\.\d*)?(?:[ee][ \-]?\d )?)/g, function(match) else } else if (/true|false/.test(match)) else if (/null/.test(match)) return ''">' match ''; }); }

樣式**:

pre .string .number .boolean .null .key style>

html**:

"result">

pre>

呼叫**:

$('#result').html(syntaxhighlight(res));

效果:更多專業前端知識,請上

【猿2048】www.mk2048.com

從json檔案中讀取內容方法(kotlin)

從檔案中讀取內容轉成json字串 從檔案中讀取內容轉成json字串 private fun file2jsonstr filename string string?null bf.close isr.close return stringbuilder.tostring catch e ioexce...

php追加和修改檔案中的json資料

php修改json資料的方法 首先從檔案中讀取資料到php變數 然後把json字串轉成php陣列 最後通過 file put contents text.json json strings 方法修改json資料即可。追加寫入使用者名稱下檔案 code 001 動態資料 json string fil...

按照Json格式讀取Mongodb中資料

mongodb中的資料如何讀 其實我主要是不清楚巢狀方式的讀取 dbobject temp cur.next 讀取出來的命令首先是dbobject格式 通過命令 jsonobject tweettemp new jsonobject json.serialize temp 轉換為json格式。如果這...