————————————————————

<script type="text/javascript">
            //定义json变量
            var json = [];
            function addData(){
                var username = document.getElementById('username');//获取username的DOM
                var age = document.getElementById('age');//获取age的DOM
                //添加一条json的对象，由2个元素组成：usernmae和age
                json[json.length] = {username:username.value,age:age.value};
                printJson();//每添加一次，则打印一次最新的结果
            }
            //打印json的结果到页面上
            function printJson(){
                var str = '[';                //定义str，用于拼接结果
                //循环json数组
                for(var i=0;i<json.length;i++){
                    //拼接username
                    str += '{username:'+json[i]['username'];
                    //拼接age
                    str += ',age:'+json[i]['age']+'}';
                    if(i != json.length - 1)//如果不是最后一个元素，则拼接逗号
                        str += ',';
                }
                str += ']';//结尾符
                //把结果打印到页面上的msg里
                document.getElementById('msg').innerHTML = str;
            }
        </script>

——————————————————————————

<body style="text-align:center">
        <h2>请输入：</h2>
        <p>
            <!-- 名称的输入框 -->
            名称：<input type="text" name="username" value="" id="username"/>
        </p>
        <p>
            <!-- 年龄的输入框 -->
            年龄：<input type="text" name="age" value="" id="age"/>
        </p>
        <p>
            <!-- 执行的按钮 -->
            <input type="button" value="添加" onclick="addData();"/>
        </p>
        <p id="msg"></p>
    </body>

——————————————————————————————

其他应用和技巧-用Json格式来保存数据的更多相关文章

  1. struts2使用jsp和<s:property>标签获取json格式的返回数据

    struts2使用jsp和<s:property>标签获取json格式的返回数据 1.struts2的action中 return "success"; 2.指向的返回 ...

  2. pyhton读取json格式的气象数据

    原文关于读取pm25.in气象数据的pyhton方法,以及浅析python json的应用 以pm25.in网站数据为例. 1.方法介绍 首先感谢pm25.in提供了优质的空气污染数据,为他们的辛勤劳 ...

  3. spring mvc接收参数方式，json格式返回请求数据

    1 使用方法形参使用变量接收提交的数据 2 在方法的形参中使用模型接收数据 3 如果在提交的表单中有多个数据模型,需要创建一个新的Bean,里面的属性是要接收的对象变量. 4 接收提交的日期字符串,转 ...

  4. Ajax实现异步操作实例_针对JSON格式的请求数据

    最近写了一篇ajax异步操作XML格式的,今天就写关于json格式的. 一.简单了解Json 1. JSON有两种表示结构,对象和数组. 1.1 对象: { key1:value1, key2:val ...

  5. Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器-批量插入-07

    目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Aj ...

  6. ajax发送json格式与文件数据、django自带的序列化器（了解）

    上期内容回顾 聚合查询和分组查询 # 聚合查询 max min sum avg count # 查询关键字:aggregate from django.db.models import Max, Mi ...

  7. PHP接收json格式的POST数据

    /** * 获取 post 参数; 在 content_type 为 application/json 时,自动解析 json * @return array */ private function ...

  8. 2019-03-18 使用Request POST获取CNABS网站上JSON格式的表格数据，并解析出来用pymssql写到SQL Server中

    import requests import pymssql url = 'https://v1.cn-abs.com/ajax/ChartMarketHandler.ashx' headers = ...

  9. 2019-03-15 使用Request POST获取CNABS网站上JSON格式的表格数据，并解析出来用xlwt写到Excel中

    import requests import xlwt url = 'https://v1.cn-abs.com/ajax/ChartMarketHandler.ashx' headers={ 'Us ...

随机推荐

  1. 2px边框，4分之1内边框实现选中功能实现

    有时候我们要实现如下选中效果: 我给出一种解决办法: 首先选中的时候,加一个class(active),未选中的全部加一个class(inactive),外层给一个1px border,每个选项给一个 ...

  2. 解决 git extensions 每次提交需要输入用户名和密码

    打开git bash 输入用户名和密码 git config --global user.name "username" git config --global user.emai ...

  3. oAuth 使得第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权

    OAUTH协议为用户资源的授权提供了一个安全的.开放而又简易的标准.与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可 ...

  4. 10676 涂鸦跳跃（sort）

    10676 涂鸦跳跃 该题有题解 时间限制:1000MS  内存限制:65535K提交次数:240 通过次数:19 题型: 编程题   语言: G++;GCC Description 你玩过曾经风靡一 ...

  5. hadoop中，combine、partition、shuffle作用分别是什么？

    combine和partition都是函数,中间的步骤应该只有shuffle! combine分为map端和reduce端,作用是把同一个key的键值对合并在一起,可以自定义的.combine函数把一 ...

  6. Google科学家前腾讯副总裁吴军将出席第二届万物互联创新大会

    当越来越多的科技产品注入互联网的基因,"万物互联"的模式悄然兴起.第二届万物互联创新大会(B12大会)将于2016-11-13日在杭州市余杭区隆重召开.Google科学家前腾讯副总 ...

  7. 遮盖层实现（jQuery+css+html）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. Opencv常用函数

    一.图像读写与简单处理 1. Mat cv::imread(const String& filename, int flags=IMREAD_COLOR). imread函数加载filenam ...

  9. Java的I/O总结

    概念:Java语言中数据流是接收和发送数据的管道.流是一位单项的. 流的分类: 按照字节字符:InputStream和OutputStream是字节输入输出流的抽象父类.Reader和Writer是字 ...

  10. 一步一步学EF系列【4、升级篇 实体与数据库的映射】live writer真坑，第4次补发

    前言 之前的几篇文章,被推荐到首页后,又被博客园下了,原因内容太少,那我要写多点呢,还是就按照这种频率进行写呢?本身我的意图这个系列就是想已最简单最容易理解的方式进行,每篇内容也不要太多,这样初学者容 ...