<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title></title>
???<script src="13ajax.js"></script>
???<script>
???????window.onload=function(){
???????????var oBtn=document.getElementById(‘btn1‘)
???????????oBtn.onclick=function(){
???????????????setInterval(function(){
???????????????????ajax(‘get‘,‘getData.php‘,‘‘,function(data){
???????????????????????var data=JSON.parse(data);
???????????????????????var oUl=document.getElementById("ul1")
???????????????????????var html=‘‘
???????????????????????for(var i=0;i<data.length;i++){
???????????????????????????html+=‘<li><a href="">‘+data[i].title+‘</a>[<span>‘+data[i].data+‘</span>]</li>‘
???????????????????????}
???????????????????????oUl.innerHTML=html;
???????????????????})
???????????????},4000)
???????????}
???????}
???</script>
</head>
<body>
<input type="button" value="获取" id="btn1">
<ul id="ul1">
</ul>
<!--ajax({
type:‘get‘,
url:‘getData.php‘,
data:‘‘,
success:function(){
}
})-->
</body>
</html>
getData.php内容
<?php
header("content-type:text/html;charset=‘utf-8‘");
error_reporting(0);
$new = array(
array(‘title‘=>‘在厦门国际会议中心会见中外记者‘,‘data‘=>‘2017-9-19‘),
array(‘title‘=>‘昨天，金砖国家领导人厦门会晤圆满闭幕‘,‘data‘=>‘2017-2-12‘),
array(‘title‘=>‘中方举行了新兴市场国家与发展中国家对话会‘,‘data‘=>‘2017-7-12‘),
array(‘title‘=>‘发出了深化南南合作和全球发展合作的强烈信号‘,‘data‘=>‘2017-6-21‘),
array(‘title‘=>‘携手走出一条创新、协调、绿色、开放‘,‘data‘=>‘2017-10-21‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘),
array(‘title‘=>‘携手推动金砖合作继续向前发展‘,‘data‘=>‘2017-9-3‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘),
array(‘title‘=>‘明年，南非将担任金砖国家主席国‘,‘data‘=>‘2017-9-12‘)
);
echo json_encode($new);
?>
效果：
ajax即时更新获取数据 结合ajax js引用使用 当然需要搭建本地环境 并且创建php
原文地址：http://www.cnblogs.com/mylove0/p/7482305.html