您的位置：首页 > Web前端 > JavaScript

js 解析json数据方法

2012-03-21 22:49 507 查看

1.解析json 纯数组形式

[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]

<META NAME="Description" CONTENT="">
<script language="javascript">
function showJson()
{
var json=  [{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}];
var str = "";
//第一种写法
for (var one in json)
{
for(var key in json[one])
{

str += json[one][key] + ",";
}
}
//第二种写法
//for (var one in json)
//  {
//     str += json[one].kl_id+ ",";
//   str += json[one].kl_title + ",";
//}
document.form.txtName.value = str;
}
</script>
</HEAD>
<BODY>
<form name="form">
<a href="#" onclick="showJson();">Click</a>
<br>
<input name="txtName" value="" type="text" size="50">
</form>
</BODY>
</HTML>

2.解析json 比较复杂的类型

{"address":[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function showJson()
{
var json=  {"address":[{"kl_id":"1","kl_title":"Test1"},{"kl_id":"2","kl_title":"Test2"}]};
var str = "";
//第一种写法
for (var one in json.address) {

for(var key in json.address[one]){

}
str += json.address[one][key] + ",";
}
//第二种写法
//for (var one in json.address)
// {
//      str += json.address[one].kl_id+ ",";
//          str += json.address[one].kl_title + ",";
// }
document.form.txtName.value = str;
}
</script>
</HEAD>

<BODY>
<form name="form">
<a href="#" onclick="showJson();">Click</a>
<br>
<input name="txtName" value="" type="text" size="50">
</form>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航