zoukankan      html  css  js  c++  java
  • json格式

    json格式 (JavaScipt Object Notation):是一种数据交换格式!
    json语法规则:
    01.对象表现形式 key:value 键值对
    02.如果有多个数据,之间使用逗号隔开 k1:v1,k2:v2
    03.把对象写在大括号中
    var student={age:12,name:xx,address:xx};
    04.把集合写在中括号里
    var students=[
    {age:12,name:xx,address:xx},
    {age:12,name:xx,address:xx},
    {age:12,name:xx,address:xx}
    ];

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    </head>
    <body>

    <div id="div1"></div>
    <select id="sel"></select>
    <table border="1" id="myTable">
    <tr>
    <td>姓名</td>
    <td>年龄</td>
    <td>住址</td>
    </tr>
    </table>


    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(function(){

    //定义一个student对象 json格式
    var student={name:"小白",age:15,address:"北京海淀区"};
    $("#div1").append("姓名:"+student.name+"<br/>")
    .append("年龄:"+student.age+"<br/>")
    .append("住址:"+student.address+"<br/>");
    /*********************************************************************/
    var students=[
    "小黑1",
    "小黑2",
    "小黑3",
    "小黑4"
    ];
    $(students).each(function(){
    $("#sel").append("<option>"+this+"</option>")
    });
    /*********************************************************************/
    var stus=[
    {name:"小白1",age:15,address:"北京海淀区1"},
    {name:"小白2",age:16,address:"北京海淀区2"},
    {name:"小白3",age:17,address:"北京海淀区3"}
    ];
    $(stus).each(function(){
    $("#myTable").append("<tr><td>"+this.name+"</td><td>"
    +this.age+"</td><td>"+this.address+"</td></tr>");
    })
    });
    </script>
    </body>
    <html>

  • 相关阅读:
    flask
    admin站点管理
    DRF
    基础
    通过djangocrontab扩展来实现 定时任务
    配置asgi来达到能处理websocket
    用es实现模糊搜索
    迁移问题
    启动活动的最佳写法
    启动活动的最佳写法
  • 原文地址:https://www.cnblogs.com/yunfeioliver/p/7800043.html
Copyright © 2011-2022 走看看