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