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=0i<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"}]}
js读取解析JSON数据JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
本文主要是对JS *** 作JSON的要领做下总结。
在JSON中，有两种结构：对象和数组。
1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间运用 “,”（逗号）分隔。 名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。例如：
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}；
2. 数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间运用 “,”（逗号）分隔。
例如：
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}]
为了方便地处理JSON数据，JSON提供了json.js包，下载地址：http://www.json.org/json.js
在数据传输流程中，json是以文本，即字符串的形式传递的，而JS *** 作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }'
JSON对象:
var str2 = { "name": "cxh", "sex": "man" }
一、JSON字符串转换为JSON对象
要运用上面的str1，必须运用下面的要领先转化为JSON对象：
//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')')
或者
var obj = str.parseJSON()//由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str)//由JSON字符串转换为JSON对象
然后，就可以这样读取：
Alert(obj.name)
Alert(obj.sex)
特别留心：如果obj本来就是一个JSON对象，那么运用 eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是运用 parseJSON（）函数处理后会有疑问（抛出语法异常）。
二、可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。
例如：
var last=obj.toJSONString()//将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj)//将JSON对象转化为JSON字符
alert(last)
数据组
var str='[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]'
var obj = str.parseJSON()
alert(obj[0].name)
留心：
上面的多个要领中，除了eval()函数是js自带的之外，其他的多个要领都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领，则说明您的json包版本太低。
分类: json
<?phpinclude './include/conn.php' //数据库链接文件
$sql_notice = mysql_query('SELECT * FROM gg_notice where enable = "1" limit 0,10')
$notice = mysql_fetch_array($sql_notice, MYSQL_ASSOC)
print_r ($notice)
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>第一php网提供的教程--将数据库读取的数据生成json格式</title>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"/></script>-->
<script language=javascript>
</script>
</head>
<body>
<pre>
<h1>请注意两种方法生成的对象数组在结构上的区别</h1>
<?php
echo '<h1>法一</h1>'
//假设以下数组是根据我们从数据库读取的数据生成的
$jarr=array('total'=>239,'row'=>array(
array('code'=>'001','name'=>'中国','addr'=>'Address 11','col4'=>'col4 data'),
array('code'=>'002','name'=>'Name 2','addr'=>'Address 12','col4'=>'col4 data'),
)
)
//法一：
$jobj=new stdclass()//实例化stdclass，这是php内置的空类，可以用来传递数据，由于json_decode后的数据是以对象数组的形式存放的，
//所以我们生成的时候也要把数据存储在对象中
foreach($jarr as $key=>$value){
$jobj->$key=$value
}
print_r($jobj)//打印传递属性后的对象
echo '使用$jobj->row[0][\'code\']输出数组元素:'.$jobj->row[0]['code'].'<br>'
echo '编码后的json字符串：'.json_encode($jobj).'<br>'//打印编码后的json字符串
echo '<hr>'
//法二：
echo '<h1>法二</h1>'
echo '编码后的json字符串：'
echo $str=json_encode($jarr)//将数组进行json编码
echo '<br>'
$arr=json_decode($str)//再进行json解码
print_r($arr)//打印解码后的数组，数据存储在对象数组中
echo '使用$arr->row[0]->code输出数组元素:'.$arr->row[0]->code
?>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）