ajax json显示分类

AJAX和JSON是两个Web开发中非常重要的概念，这篇文章将介绍如何使用AJAX和JSON显示分类。

首先，我们需要准备一个后端API，它将返回一个包含所有分类信息的JSON数组。以下是一个示例：

[
  {
    "id": 1,"name": "分类1"
  },{
    "id": 2,"name": "分类2"
  },{
    "id": 3,"name": "分类3"
  }
]

接下来，我们需要编写前端JavaScript代码来使用AJAX请求后端API并将返回的JSON数据显示在页面上。以下是一个示例：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var categories = JSON.parse(this.responseText);
    categories.forEach(function(category) {
      var element = document.createElement("p");
      element.textContent = category.name;
      document.body.appendChild(element);
    });
  }
};
xmlhttp.open("GET","http://example.com/api/categories",true);
xmlhttp.send();

上面的代码使用XMLHttpRequest对象来发起AJAX请求，并在请求完成时将返回的JSON数据解析为JavaScript对象。然后，使用forEach循环遍历每个分类，并将其名称创建为新的p元素并添加到页面上。

最后，我们将获得一个包含所有分类名称的简单列表。这是使用AJAX和JSON显示分类的基础。