实现json的三个操作（训练JSON）

1、实现JSON的对象的显示:

jsonObj

效果:

 

2、实现JSON字符串数组的下拉列表显示:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现JSON</title>
    <script>

        function loadArray() {
           var cn = ["德国","英国","中国"];
           var cnselect = "<select>";
           for (var i = 0;i<cn.length;i++){
               cnselect += "<option value='"+i+"'>"+cn[i]+"</option>";
           }
           cnselect += "</select>";
           document.getElementById("jsonArray").innerHTML = cnselect;
        }

    </script>
</head>
<body onload="loadArray()">

<div id="jsonArray"></div>

</body>
</html>
复制代码

 

效果:

 

 3、实现JSON对象数组的表格显示:

复制代码
jsonObjArray 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON的实现</title>
    <script>
        function loadObjArray() {
            var objs = [{"id":"1001","name":"admin","pwd":"000000"},{"id":"1002","name":"axe","pwd":"123456"},{"id":"1003","name":"gsl","pwd":"666666"}];
        var trs = "<tr><td>ID</td><td>姓名</td><td>密码</td></tr>";
        for (var i = 0;i<objs.length;i++){
            trs += "<tr><td>"+objs[i].id+"</td><td>"+objs[i].name+"</td><td>"+objs[i].pwd+"</td></tr>";
        }
        document.getElementById("jsonObjArray").innerHTML = trs;
        }

    </script>
</head>
<body onload="loadObjArray()">
<table id="jsonObjArray"border="1"width="300px">

</table>

</body>
</html>

复制代码

 

效果:

 

本文作者：AxeBurner

本文链接：https://www.cnblogs.com/bichen-01/p/11689303.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   AxeBurner  阅读(311)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
➖
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.