ajax json文件内容格式化

AJAX（Asynchronous JavaScript and XML）是一个利用JavaScript和XML进行数据交互的技术，使得网页可以进行局部刷新，不需要重新加载整个页面。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。

在前端开发中，经常需要使用AJAX获取JSON格式的文件内容。但是JSON文件内容格式不易阅读，需要进行格式化处理。

  // 原始的JSON文件内容
  {"name":"Tom","age":20,"gender":"male","hobbies":["reading","music","sports"]}
  
  // 经过格式化处理的JSON文件内容
  {
    "name": "Tom","age": 20,"gender": "male","hobbies": [
      "reading","sports"
    ]
  }

使用JavaScript可以实现对JSON文件内容的格式化处理。

  // 定义一个JSON对象
  var jsonData = {
    "name": "Tom","sports"
    ]
  };
  
  // 使用JSON.stringify()方法将JSON对象转换为字符串
  var jsonString = JSON.stringify(jsonData,null,2);
  
  // 使用pre标签显示格式化后的JSON字符串
  var pre = document.createElement("pre");
  pre.innerText = jsonString;
  document.body.appendChild(pre);

上述代码中，JSON.stringify()方法的第二个参数用于控制缩进的空格数，第三个参数用于控制末尾的换行符。将格式化后的JSON字符串添加到pre标签中，可以在页面上显示出易于阅读的JSON文件内容。