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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

[转载]易语言JOSN解析,源码

  • 2017年02月21日 14:16
  • 60KB
  • 下载

android JOSN解析

  • 2014年05月28日 22:31
  • 1.25MB
  • 下载

ios利用josn解析(转载)

json不必多说了,在手机开发中,客户端和服务器端开发经常使用的数据交互模式。Iphone中利用json传递的数据,可以非常容易的展示到各个容器中。下面是一个最简单的例子。效果如图: 上面用到了...

josn解析gson-1.7.jar

  • 2011年11月23日 09:13
  • 151KB
  • 下载

利用JsonObject和JsonArray解析Josn

一直没用过。JsonObject和JsonArray.今天写个Demo。代码里面就分析了。就不在这浪费时间了。请看原理代码(明白什么是 JsonObject 和 JosnArray ) : ...

GS项目代码阅读笔记 ----JOSN解析部分

获取app所在路径 设置到JSonViewController中去 根据路径找到bundle文件 找到bundle文件中横屏和竖屏的JSON文件 : viewStruct_landScape.js...
  • namehzf
  • namehzf
  • 2012年02月22日 17:16
  • 2468

iOS XML,JOSN数据解析

解析:按照事先约好的格式提取数据的过程叫做解析  后台开发人员按照约好的数据存入格式,前台按照约好的格式读取数据 iOS开发常⻅见的解析:XML解析、JSON解析  XML解析: 主流...

[android]使用android自带josn解析

本文为随笔,非教程。 以下为两种做过的josn解析: 1.空气质量 josn数据如下: { "data": { "info": [ { "ID": "1"...

Gson解析josn数据的2种方法

Gson解析json比较常用的有2种方式: 1.通过JavaBean方式去映射 2.直接转换为JsonObject,解析JsonObject 第一种方式有点缺陷,如果针对json中有数字的话,不能很好...

【问题-java-json】josn的发送与接收(全)解析json对象与字符串在js中的区别,以及后端spring该如何接收?

之前我自己整的时候,从网上扒了各种资料,发现还是挺杂乱的(目前比较菜,只会用百度。。。),于是我整了一下这条主线,比较垂直,但是可以直接用。 长篇励志好文 (算是第一篇...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:josn解析+案列
举报原因:
原因补充:

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