在html頁面中展示JSON

背景：

有時候我們需要將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 + '';
});}

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

如何在html頁面中展示html原始碼

輸入框是可以展示html原始碼的，如下 value 文字輸入框是可以展示html原始碼的，如下 console.log 12 script textarea 標籤之間的內容不會被當作文件內容解析，而會被用等寬字型直接呈現，包括空格和換行也可以展現。但是不建議使用！改用 注意 style backgr...

微信小程式本地json資料在頁面展示

新建乙個json檔案，使用module.exports定義出口，要不然其他檔案讀取不到json資料。還有乙個需要注意的小細節，本地json資料放在js檔案裡面，不是json檔案，不然會報錯。本地模擬json資料 var jsondata 定義資料出口 module.exports wxml js 裡...

html中使用js jQuery展示頁面小結

1 ajax ajax datatype json success function data 2 div標籤賦值 id html test 或者 id html test jquery 給span 賦值 hiddennote text getspanvalues span取值 hiddennote...