微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax获取 解析json格式数据类型

AJAX(Asynchronous JavaScript and XML)是一种创建快速动态网页的技术。而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。现在我们可以使用AJAX获取JSON数据并解析它们。

// AJAX获取JSON数据
function getJSON(url,callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET',url,true);
  xhr.responseType = 'json';
  xhr.onload = function() {
    var status = xhr.status;
    if (status === 200) {
      callback(null,xhr.response);
    } else {
      callback(status,xhr.response);
    }
  };
  xhr.send();
}

// 解析JSON数据
getJSON('https://jsonplaceholder.typicode.com/users',function(err,data) {
  if (err !== null) {
    console.log('Error: ' + err);
  } else {
    data.forEach(function(user) {
      console.log(user.name);
    });
  }
});

ajax获取 解析json格式数据类型

以上代码通过XMLHttpRequest对象发送GET请求来获取JSON数据,并设置responseType为“json”以将响应解析为JSON格式。在onload事件中,我们检查HTTP状态码,如果请求成功,则将数据作为对象传递给回调函数

在解析JSON之后,我们可以使用数据进行操作。在这个例子中,我们遍历每个用户对象并打印他们的名称

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐