背景:
有時候我們需要將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 + '';
});}
樣式**:
html**:
呼叫**:
$('#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...