Ajax&Json<3>Json

前端之家收集整理的这篇文章主要介绍了Ajax&Json<3>Json前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Json 引入

JSON:JavaScript 对象表示法(JavaScript Object Notation) 。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快,更易解析。


Json格式语法

JSON 对象
{ "name":"张三","age":22}
JSON 数组
{
"student": [
{ "name":"张三","age":22 },
{ "name":"李四","age":23 },
{ "name":"王五","age":24 }
]
}
JSON 嵌套
{
"student": [
{ "name":"张三","age":22,"score":{"chinese":90,"math":100,"english":80} },"age":23,"score":{"chinese":70,"math":90,"english":90} },"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=new XMLHttpRequest();
		}else{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlHttp.onreadystatechange=function(){
 			if(xmlHttp.readyState==4 && xmlHttp.status==200){
 				//alert(xmlHttp.responseText);
				var dataObj=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();
		
	}

Json 第三方 jar 包引入

Json-lib

	//String resultJson="{\"name\":\"张三\",\"age\":22}";
		JSONObject resultJson=new JSONObject();
		resultJson.put("name","张三");
		resultJson.put("age",22);
		out.print(resultJson);
从上面代码可看出 简洁了很多 很方便!!jar包是利用面对对象的思想来编程。

猜你在找的Ajax相关文章