当我们使用 Ajax 请求数据时,通常情况下我们会返回一个 JSON 对象。为了简化前端的操作,我们需要对这个 JSON 对象进行解析和循环操作。
假设我们的 JSON 对象如下:
{ "name": "小明","age": 18,"gender": "male" }
我们可以使用 jQuery 的 $.parseJSON()
方法 将 JSON 对象转换为一个 JavaScript 对象。示例代码如下:
$.ajax({ url: "/data.json",type: "GET",dataType: "json",success: function(data) { var obj = $.parseJSON(data); // 将JSON字符串转换为JS对象 console.log(obj.name); // 输出 小明 console.log(obj.age); // 输出 18 console.log(obj.gender); // 输出 male } });
接下来,我们可以通过 JavaScript 的 for...in
循环语句来遍历对象的所有属性和值。示例代码如下:
$.ajax({ url: "/data.json",success: function(data) { var obj = $.parseJSON(data); // 将JSON字符串转换为JS对象 for (var key in obj) { console.log("key: " + key + ",value: " + obj[key]); } } });
key: name,value: 小明 key: age,value: 18 key: gender,value: male
现在我们已经可以成功的循环 JSON 对象里面的所有属性和值了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。