josn解析+案列

原创 2016年08月31日 10:52:10
<!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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

redis作为mysql的缓存服务器(读写分离)

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://svenman.blog.51cto.com/6867097/1626914 ...
  • LanSeTianKong12
  • LanSeTianKong12
  • 2015年06月05日 10:30
  • 979

关于android之Camera的案例开发哟~

浏览了那么多技术博客,今天,咱也写一篇,第一篇,恩,第一篇,要写好~先写一点儿学习感悟吧。从前天开始,学习基于android的Cmeara的开发,在网上搜了很多,很多都是片段,要不然就是code量非常...
  • ware1212
  • ware1212
  • 2016年08月08日 18:04
  • 694

第一期项目案列解析

1,首先创建登录页面;中间的一些小技巧;shell.setLocation(centerPoint); //使窗口定位在中间给退出按钮绑定监听事件:会弹出一个信息框,是否确定...
  • young_so_nice
  • young_so_nice
  • 2015年09月18日 19:27
  • 257

[转载]Unity 3D同PHP数据交互案例

原文地址:3D同PHP数据交互案例" style="text-decoration:none; color:rgb(118,95,71)">Unity 3D同PHP数据交互案例作者:血孩子 ...
  • ldghd
  • ldghd
  • 2013年09月06日 14:04
  • 895

Konva.js--矩形案例

body { padding: 0; margin: 0; background-color: #f0f0f0; overflow: hidden; } ...
  • sinat_36146776
  • sinat_36146776
  • 2016年11月24日 14:27
  • 714

python学习系列(六)迭代器生成器

迭代器是python的强大功能之一,是访问集合元素的一种方式 迭代器是一个可以记住遍历位置的对象(使用 yield) 迭代器从第一个元素开始迭代,知道全部访问完毕,只能向前不能后退 迭代器...
  • xyj_sunshine
  • xyj_sunshine
  • 2017年12月10日 20:31
  • 29

spark core源码分析8 从简单例子看transformation

前面提到过spark自带的一个最简单的例子,也介绍了SparkContext的部分,这节介绍剩余的内容中的transformation。 object SparkPi { def main(ar...
  • yueqian_zhu
  • yueqian_zhu
  • 2015年08月27日 20:20
  • 955

给即将在今年九十月份找工作立志从事java开发的同学分享一下常见的面试题目!

1、一个".java"源文件中是否可以包括多个类(不是内部类)?有什么限制?  可以有多个类,但只能有一个public的类,并且public的类名必须与文件名相一致。 2、Java有没有goto?...
  • cpylegend
  • cpylegend
  • 2013年05月28日 14:01
  • 3829

Session小案例------完成用户登陆

Session小案例------完成用户登陆 在项目开发中,用户登陆功能再寻常不过啦,当用户完成用户名和密码校验后,进入主界面,需要在主界面中显示用户的信息,此时用session来记住用户是...
  • u010590318
  • u010590318
  • 2014年11月04日 00:03
  • 1527

网络爬虫讲解(附java实现的实例)

网络蜘蛛即Web Spider,是一个很形象的名字。把互联网比喻成一个蜘蛛网,那么Spider就是在网上爬来爬去的蜘蛛。网络蜘蛛是通过网页的链接地址来寻找网页,从 网站某一个页面(通常是首页)开始,读...
  • xygg0801
  • xygg0801
  • 2016年12月09日 18:43
  • 211
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:josn解析+案列
举报原因:
原因补充:

(最多只允许输入30个字)