黑马程序员技术交流社区

标题: Json自学 [打印本页]
作者: 呱码农    时间: 2016-11-24 15:27
标题: Json自学
一、了解JSON：
JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析。
json作为数据交换格式，一种轻量级的，基于JavaScript。


二、JSON  格式语法
1、JSON 对象
{ "name":"张三" , "age":22}
2、JSON 数组
{
"student": [
{ "name":"张三" , "age":22 },
{ "name":"李四" , "age":23 },
{ "name":"王五" , "age":24 }
]
}
3、JSON 嵌套
{
"student": [
{ "name":"张三" , "age":22,"score":{"chinese":90,"math":100,"english":80}},
{ "name":"李四" , "age":23,"score":{"chinese":70,"math":90,"english":90} },
{ "name":"王五" , "age":24,"score":{"chinese":80,"math":60,"english":90} }
]
}
把 Json 串换成 Json 对象
var dataObj=eval("("+data+")");//转换为 json 对象
代码：
<script type="text/javascript">
   function loadInfo(){
      var xmlHttp;
      if(window.XMLHttpRequest){
        xmlHttp=newXMLHttpRequest();   
      }
      else{
        xmlHttp=newActiveObject("Microsoft.XMLHTTP");   
      }  
      xmlHttp.onreadystatechange=function(){
        if(xmlHttp.readyState==4&&xmlHttp.status==200){
           alert(xmlHttp.responseText);
           vardataObj=eval("("+xmlHttp.responseText+")");
           alert(dataObj.name);
           alert(dataObj.age);
           document.getElementById("name").value=dataObj.name;
           document.getElementById("age").value=dataObj.age;
        }     
      }
      xmlHttp.open("get","getAjaxInfo",true);
      xmlHttp.send();
   }
</script>
</head>
<body>
<div style="text-align:center; ">
   <div><input type="button" value="Ajax获取信息" onclick="loadInfo()"/>&nbsp;&nbsp;&nbsp;
      姓名：<input type="text" id="name"name="name" />
      年龄：<input type="text" id="age"name="age" />
   </div>
</div>

三、Json  第三方 jar  包引入
Json-lib
代码：
   // StringresultJson="{\"name\":\"张三\",\"age\":20}";
      JSONObject resultJson=newJSONObject();
      resultJson.put("name", "张三");
      resultJson.put("age", 21);
      out.println(resultJson);

作者: LARK    时间: 2016-11-25 10:30
厉害加油加油加油加油加油




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2