<body>
<div id="wrap">
<ul id='list'>
</ul>
</div>
<button id='btn'>按钮</button>
<div><img src="1.jpg" alt="" /></div>
<script type="text/javascript">
var oList = document.getElementById('list');
var oBtn = document.getElementById('btn');
setInterval(auto , 2000);//每隔两秒钟局部刷新一下页面，就是异步
function auto(){
var xhr = new XMLHttpRequest();
xhr.open( 'get' , 'test.php' , true )
xhr.send();
xhr.onreadystatechange = function(){
if ( xhr.readyState == 4 )
{
if ( xhr.status>=200&&xhr.status<300 )
{
var respone=eval('('+xhr.responseText+')');//返回后台的数据，拿到后爱怎么处理怎么处理
oList.innerHTML = '';//将旧的数据清空避免循环增加旧的数组
for (var i=0;i<respone.length;i++ )
{
var s = '<li>姓名：' + respone[i].name + '，年龄：' + respone[i].age + '</li>';
oList.innerHTML += s;//前面做了清空，没有新的不会添加
}
}else
{
alert( '请求好像遇到了点问题，状态码：' + xhr.status );//状态码不是404 就不会报错
};
}
};
};
</script>
</body>
</html>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
<?php
header('content-type:text/html;charset="utf-8"');
// var arr = [{name:'阿飞',age:18} , {name:'excel',age:38}];
$arr = array(
array('name'=>'KING' , 'age'=>'28'),
array('name'=>'小杨' , 'age'=>'58'),
array('name'=>'OMW' , 'age'=>'18'),
array('name'=>'农工' , 'age'=>'38'),
array('name'=>'小菜鸟' , 'age'=>'20'),
array('name'=>'我不姓邪' , 'age'=>'80'),
array('name'=>'blue' , 'age'=>'17')
array('name'=>'OMW' , 'age'=>'18'),
array('name'=>'农工' , 'age'=>'38'),
array('name'=>'小菜鸟' , 'age'=>'20'),
array('name'=>'我不姓邪' , 'age'=>'80'),
array('name'=>'blue' , 'age'=>'17')
);
echo json_encode($arr);
?>
慕田峪5445673
野生码农在线co腚