在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面中展示出来。其中,JSON是一种常用的数据格式。那么,在使用Ajax获取JSON数据后,如何将数据取出来呢?
// Ajax获取JSON数据的代码 $.ajax({ url: '',type: 'get',dataType: 'json',success: function(data) { // 成功获取数据后,将数据存在全局变量中 window.myData = data; },error: function() { console.log('获取数据失败'); } });
在上面的代码中,我们通过Ajax获取了一个JSON数据,并将数据存储在了全局变量myData
中。接下来,我们就可以通过JavaScript将JSON数据的各项取出。
// 取出JSON数据的代码 var name = window.myData.name; var age = window.myData.age; var hobbies = window.myData.hobbies; console.log('我的名字是:' + name); console.log('我的年龄是:' + age); console.log('我的爱好有:' + hobbies.join(','));
在上面的代码中,我们将myData
中的name
、age
和hobbies
各项取出,并输出到控制台上。需要注意的是,hobbies
是一个数组,需要使用join()
方法将其转化为字符串。