一、了解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()"/>
姓名:<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);
|
|