標籤:logs val .com innerhtml doctype header inter i++ encode
<!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