ajax获取 解析json格式数据类型
导读:AJAX(Asynchronous JavaScript and XML)是一种创建快速动态网页的技术。而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。现在我们可以使用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); } ); } } );
以上代码通过XMLHttpRequest对象发送GET请求来获取JSON数据,并设置responseType为“json”以将响应解析为JSON格式。在onload事件中,我们检查HTTP状态码,如果请求成功,则将数据作为对象传递给回调函数。
在解析JSON之后,我们可以使用数据进行操作。在这个例子中,我们遍历每个用户对象并打印他们的名称。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: ajax获取 解析json格式数据类型
本文地址: https://pptw.com/jishu/514429.html