json对象字面量

 

1、<script language="javascript" type="text/javascript" src="ajax.js">
</script>
<script language="javascript" type="text/javascript">
function testJSON(){
 testXHR("json2.php","",showjson);//testXHR函数应与ajax.js里的函数名保持一致 
 }
function showjson(xhr){//xhr是个保存XMLHttpRequest对象的xhr变量(必须有)
 var jsonObj=eval("("+xhr.responseText+")");//
 alert(jsonObj.stu1.name);
 }

</script>
<title>无标题文档</title>
</head>
<input type="button"  value="测试" οnclick="testJSON()">

 

2、ajax.js

function initXHR(){
 //判断浏览器的版本
 return window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
 }
function testXHR(serverUrl,Parms,callBack){
 var xhr=initXHR();//初始化XHR
 var url=serverUrl+"?"+Parms+"&r="+Math.random();//初始化url。serverUrl传送的文件。Parms参数
 xhr.open("GET",url,true);//打开url
 xhr.send(null);//发送请求
 xhr.onreadystatechange=function(){
  if(xhr.readyState==4){
   callBack(xhr);//callback回调函数,自动执行，有名字，函数执行完后会给主程序一个响应
   }
  }
 
 }

 

3、json.php

{//对象字面量

stu1:{name:"张三",sex:"男",birthday:{year:1990,moth:12,day:4}},
stu2:{name:"李四",sex:"男",birthday:{year:1990,moth:12,day:4}},
stu3:{name:"王五",sex:"男",birthday:{year:1990,moth:12,day:4}}
 
 }