JSON

来源：互联网发布：火牛软件官网编辑：程序博客网时间：2024/06/05 04:17

键值对，可嵌套，逗号分隔，{}对象，[]数组，可转成javascrip使用

这里写图片描述
暂时就是这么理解的~
一个典型的json文本的例子：

{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]}

下面来用一用json：
在script里定义json文本，转成javscript对象数组，然后用dom操作显示到指定元素上

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"    pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>json test</title></head><body><p>firstName:<span id="fn"></span><br>lastName:<span id="ln"></span><br></p><script type="text/javascript">    var txt='{"employee":[{"firstName":"Jack","lastName":"Jone"},{"firstName":"Rose","lastName":"Liu"}]}'    //both two ways can work on firefox    var obj=JSON.parse(txt);    //var obj = eval ("(" + txt + ")")      document.getElementById("fn").innerHTML=obj.employee[1].firstName;//do not care this ;    document.getElementById("ln").innerHTML=obj.employee[1].lastName;</script></body></html>

这里需要注意的是，script脚本如果放在head里是行不通的，因为document.getElementById(“fn”).innerHTML，这个”fn”都还没定义。定义fn的语句一定要在前面。
由此也可得知浏览器是从上到下执行html的。

0 0