HTML5 Json解析

HTML5已原生支持json的解析，window.JSON.parse()将json格式字符串转换为json对象，window.JSON.stringify()将json对象转换为json格式字符串。

示例：

Html代码

<!DOCTYPE HTML>
<html>
<head>
<title>Window.JSON</title>
<meta charset="gb18030">
</head>
<body>
<button type="button" id="btn1">解析json字符串</button>
<button type="button" id="btn2">json对象转换为json字符串</button>
<div id="res">
</div>
<script language="JavaScript">
<!--
var jsonStr = "{\"total\":100,\"data\":[{\"id\":10001,\"name\":\"scott\"},{\"id\":10002,\"name\":\"tiger\"}]}";
var jsonObj = window.JSON.parse(jsonStr);
document.getElementById("btn1").onclick = function() {
var str = "json字符串解析为json对象<br>";
str += "<span>Total:"+jsonObj.total+"</span><br><span>Data:";
for (var i=0;i<jsonObj.data.length ; i++)
{
str += "id:" + jsonObj.data[i].id + ",name:" + jsonObj.data[i].name+"<br>";
}
str += "</span><br>";
document.querySelector("#res").innerHTML = str;
}
document.getElementById("btn2").onclick = function() {
var jsonObj = {total:100,data:[{id:10001,name:"scott"},{id:10002,name:"tiger"}]};
var jsonStr = window.JSON.stringify(jsonObj);
var str = "转为json字符串：<br>" + jsonStr;
document.querySelector("#res").innerHTML = str;
}
//-->
</script>
</body>
</html>

单击“解析json字符串”按钮，结果：

json字符串解析为json对象
Total:100
Data:id:10001,name:scott
id:10002,name:tiger

单击“json对象转换为json字符串”按钮，结果：

转为json字符串：
{"total":100,"data":[{"id":10001,"name":"scott"},{"id":10002,"name":"tiger"}]}

时间： 2024-09-20 05:51:34

HTML5 Json解析的相关文章

Android 一个类实现的 Json 解析 - 范型的有效利用，使其得以简化

Android 一个类实现的 Json 解析 - 范型的有效利用,使其得以简化太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议转载请保留此句:太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 这是在一家工作过四个月的比利时公司时写的. 当时忙于户口调动的事儿

android 环信json解析是怎么解析的

问题描述 android 环信json解析是怎么解析的 [msg{from:sb111111, to:sb222222 body:txt:"a"]这种的json是怎么写的,我用的是fastjson,所以我想看一下实体类的代码,求求!!! 解决方案本文采用三种方法,解析Json文件,具体在代码那个都有解析不多说,贴代码: ? ?// SampleActivity.java package com.yline.jsonparse; import android.app.Activity

json-IDEA 用不了net.sf.Json解析

问题描述 IDEA 用不了net.sf.Json解析我用idea工具开发,遇到了不能解析json这个问题有大神能解决吗? 该导的包全导了. 解决方案解析json之net.sf.jsonJSON的解析之net.sf.jsonJSON net.sf.json

sql-android取出SQL里面的内容，再JSon解析

问题描述 android取出SQL里面的内容,再JSon解析我需要做一个展示自己收藏的文章的那种,收藏之后的文章在SQL里,是链接,取出来后,通过HTTP获得图片标题等.我怎么才能把收藏的所有文章的标题,获得并展示出来啊.有前辈帮帮忙吗解决方案取得网址内容后正则分析内容取得标题不同的网站可能正则规则是不同的.比如有的是 -- 有的是:....or ... 解决方案二: 取得网址内容后正则分析内容取得标题不同的网站可能正则规则是不同的.比如有的是 --有的是:<h1>....</h1

解析json数据-android 开发中 json解析问题出错啊

问题描述 android 开发中 json解析问题出错啊 {"msg":1,"msgbox":"返回歌手分类!","data":"[ { "rownum":"11","id":"1047","userName":"敖日格勒","picurl":"mobile1_1047

安卓-问个json解析的问题，望大神回答一下，谢谢！

问题描述问个json解析的问题,望大神回答一下,谢谢! 想问一下下边的json粗体部分应该怎么解析,""spec_name""里边的规格数量是不确定的,spec_value里边的也是根据spec_name里边的来处理的.请各位大神给指导一下,谢谢.不敲代码说一下思路也可以,谢谢. {code"": 200datas"": {goods_info"": {goods_name"": &q

groovy/java自实现json解析器（3）JsonArray

底层数据结构实现 jsonArray的底层数据结构有列表(list)来维护.它的定义和构造函数初始化工作如下图所示.一般创建对象时默认不传参来构造一个空的列表. def jsonList //底层数据存储结构 /** * 构造函数,若不传参数,默认初始一个 */ def JsonArray( jsonList = null){ this.jsonList = jsonList == null ? [] :jsonList } 公共调用API 下面定义了一些对外提供的API接口工具函数: /**

C# 将 Json 解析成 DateTable

#region 将 Json 解析成 DateTable /// <summary> /// 将 Json 解析成 DateTable. /// Json 数据格式如: /// {table:[{column1:1,column2:2,column3:3},{column1:1,column2:2,column3:3}]} /// </summary> /// <param name="strJson">要解析的 Json 字符串</param

iOS开发之网络数据解析（一）--JSON解析简介

前言:对服务器请求之后,返回给客户端的数据,一般都是JSON格式或者XML格式(文件下载除外) 本篇随便先讲解JSON解析. 正文: 关于JSON: JSON是一种轻量级的数据格式,一般用于数据交互 JSON的格式很像Objective-C中的字典和数组:{"name":"jack","age":10} 补充: 标准的JSON格式的注意点:key必须用双引号.(但是在Java中是单引号) JSON-OC的转换对照表其中:null--返回