AJAX是一种在不重新载入整个页面的情况下,能够更新部分页面的技术,它可以通过异步通信获取后台数据,其中JSON作为一种轻量级数据交换格式,常常被用来传递数据。在使用AJAX接收到后台传送的JSON数据后,需要进行解析,并将数据展现在网页上。
/* 一个示例JSON数据 */ var jsondata = { "name" : "Tom","age" : 18,"hobbies" : ["reading","swimming","travelling"] } /* 解析JSON数据并展示 */ var obj = JSON.parse(jsondata); document.getElementById("name").innerHTML = obj.name; document.getElementById("age").innerHTML = obj.age; document.getElementById("hobbies").innerHTML = obj.hobbies.join(",");
使用JSON.parse()方法将JSON数据转换为Javascript对象,然后就可以通过对象的属性和方法来进行操作了。上面的示例使用了document.getElementById()方法来获取网页元素,并使用innerHTML属性来设置其内容。需要注意的是,如果是数组类型的数据可以使用join()方法将其中元素连接成字符串。