ajax 中json格式数据格式化

AJAX（Asynchronous JavaScript and XML）技术用于实现异步的数据交互，其中JSON（JavaScript Object Notation）作为一种轻量级的数据格式在AJAX中被广泛使用。JSON格式数据可以轻松地和JavaScript对象进行转换，适合在浏览器端进行处理和展示。

在AJAX中，从后台获取的JSON数据需要进行格式化以方便处理和显示。JSON数据格式化可以使用JavaScript原生方法或者第三方库进行实现。下面我们来看一下使用JavaScript原生方法和第三方库来格式化JSON数据的方法。

// 使用JavaScript原生方法格式化JSON数据
let jsonData = '{"name": "Tom","age": 18}';
let jsonObj = JSON.parse(jsonData);
let formattedJson = JSON.stringify(jsonObj,null,2);
console.log(formattedJson);

上面的代码中，我们首先将JSON格式的数据通过JSON.parse()方法转换成了JavaScript对象，然后使用JSON.stringify()方法对JavaScript对象进行格式化，其中第二个参数为null表示没有替换和过滤，第三个参数为2表示每个属性占据2个空格的宽度，格式化后的JSON数据便可以通过console.log()方法进行输出。

// 使用第三方库格式化JSON数据
import { format } from 'json-formatter-js';

let jsonData = '{"name": "Tom","age": 18}';
let formattedJson = format(jsonData);
console.log(formattedJson);

上面的代码中，我们使用了第三方库json-formatter-js来进行JSON格式化。该库提供了format方法用于格式化JSON数据，同样的我们也是通过console.log()方法输出格式化后的JSON数据。