Jquery 处理JSON数据（1）

最新推荐文章于 2025-05-17 16:01:34 发布

原创最新推荐文章于 2025-05-17 16:01:34 发布 · 231 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Jquery #JSON

Jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用JSON格式存储的数据与jQuery框架实现网页上动态加载和展示数据的方法。通过解析JSON字符串并运用jQuery的each方法遍历数据集，最终在页面中呈现指定格式的内容。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="jquery-1.4a2.min.js"></script>
</head>
<body>
<div id="a1"></div>
<script>
var jsons = "{\"comments\":[{\"content\":\"很不错嘛\",\"id\":1,\"nickname\":\"纳尼\"},{\"content\":\"哟西哟西\",\"id\":2,\"nickname\":\"小强\"}]}";
var j1 = JSON.parse(jsons);
$.each(j1.comments, function (i,item) {
$("#a1").append(item.id + "*" + item.nickname + "*" + item.content+"<br/>");
});
</script>
</body>
</html>