技术分享,欢迎交流

一起来分享吧

josn解析+案列
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>03json案例.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->


  </head>
  <script type="text/javascript">
  /* 
  点击“点我加载数据”
  将JSON中的数据加载到表格中。
 
  1、json数据获取
  2、解析json数据 
  eval
  3、添加进表格中
  3.1、遍历添加
  把一个对象作为表格一行进行添加
  */
  function run(){
  //1、模拟从服务器获取数据
  var goods ="[{'name':'电视机','price':'200','number':'10'},{'name':'手机','price':'4200','number':'100'},{'name':'电冰箱','price':'2000','number':'8'}]";
//   2、解析json数据 
var jsg = eval("("+goods+")");

//   3、添加进表格中
var table=document.getElementById("t1");
//   3.1、遍历添加
for(var i=0;i<jsg.length;i++){
//把一个对象作为表格一行进行添加
table.innerHTML+="<tr><td>"+jsg[i]["name"]+"</td><td>"+jsg[i]["price"]+"</td><td>"+jsg[i]["number"]+"</td></tr>";
}
  }
   


  
  </script>
  <body>
    <table border="1" width="100%" id="t1">
    <tr>
    <th>商品名称</th>
    <th>商品价格</th>
    <th>库存</th>
    </tr>
    </table><br/>
    <input type="button" value="点我加载数据" onclick="run()"/>
  </body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaole8899/article/details/52382766
个人分类: JAVA web篇
想对作者说点什么? 我来说一句

json解析个人案例

2015年10月13日 1.42MB 下载

easyui--6.完整案列演示

2017年12月05日 6.04MB 下载

java web过滤器案列

2015年07月02日 2.7MB 下载

josn解析详细中文文档

2011年05月25日 214KB 下载

C# json解析 v1.0

2016年04月07日 107KB 下载

JSON解析

2015年02月09日 36KB 下载

西门子200plc程序案例

2014年08月17日 13KB 下载

C语言案例,基本案列

2012年05月23日 71KB 下载

DWR 取得回调函数返回值案列

2011年08月08日 3KB 下载

没有更多推荐了,返回首页

不良信息举报

josn解析+案列

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭