js 格式化json

需求：后端返回json数据，然后在前端页面上进行json格式化展示。

如果不格式话，默认后端的json数据是一个大字符串。格式话方法有两种。

方法一：JSON.stringify()

JSON.stringify(value，replacer，space) 方法用于将 JavaScript 值转换为 JSON 字符串。

• value：必需， 要转换的 JavaScript 值（通常为对象或数组）。
• replacer：可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
• space：可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

<textarea id="show_res" cols="50" rows="30" style="margin:5px"></textarea>

$.doAjax({
		async:true,
	   	url :url,
		maskLoad:true,
	   	callback: function(_data){
	   		$("#show_res").val(JSON.stringify(_data, null, "\t"));
		}
 });

效果如下：

方法二：jquery.json-viewer.js

下载地址：https://www.jqueryscript.net/other/jQuery-Plugin-For-Easily-Readable-JSON-Data-Viewer.html

<pre id="local"></pre>

$.doAjax({
			async:true,
		   	url :url,
			maskLoad:true,
		   	callback: function(_data){
		   	 	$('#local').jsonViewer(_data.data);
			}
	    });

效果图：