ajax即时更新获取数据 结合ajax js引用使用 当然需要搭建本地环境 并且创建php
Posted gunner
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax即时更新获取数据 结合ajax js引用使用 当然需要搭建本地环境 并且创建php相关的知识，希望对你有一定的参考价值。
<!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的主要内容，如果未能解决你的问题，请参考以下文章
layui 利用ajax冲获取到json 数据后 怎样进行渲染