ajax json数据实例

AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用于创建快速动态网页应用程序的技术。其中，JSON（JavaScript Object Notation，JavaScript对象表示法）是一种常用的数据格式，能够方便地进行数据交换。

以下是一个简单的使用AJAX和JSON获取数据并展示的实例：

// 1. 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 2. 配置请求地址和请求方式
xhr.open('GET','https://jsonplaceholder.typicode.com/users');

// 3. 设置返回数据格式为JSON
xhr.responseType = 'json';

// 4. 发送请求
xhr.send();

// 5. 处理数据
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    var users = xhr.response;
    var userList = document.createElement('ul');

    users.forEach(function(user) {
      var li = document.createElement('li');
      li.textContent = user.name;
      userList.appendChild(li);
    });

    document.body.appendChild(userList);
  }
}

以上代码通过创建XMLHttpRequest对象并使用GET方式请求JSON数据。之后，设置responseType为JSON格式，发送请求并接收数据。最后，将数据解析并展示在页面上。