theWayToAce

HTML:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="ajax.js"></script>
<script>
window.onload = function() {

var oBtn = document.getElementById(\'btn\');


oBtn.onclick = function() {

/*ajax({
url : \'getNews.php\',
success : function(data) {
//...
}
});*/

ajax(\'get\',\'getNews.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].date+\'</span>]</li>\';
}
oUl.innerHTML = html;
});

setInterval(function() {
ajax(\'get\',\'getNews.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].date+\'</span>]</li>\';
}
oUl.innerHTML = html;
});
}, 1000);

}
}
</script>
</head>

<body>
<input type="button" value="按钮" id="btn" />
<ul id="ul1"></ul>
</body>
</
html>

getNews.php:

<?php
header(\'content-type:text/html;charset="utf-8"\');
error_reporting(0);

$news = array(
array(\'title\'=>\'德国女总理默克尔滑雪时摔倒 骨盆断裂\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'中日驻英外交官撰文互称对方国家为"伏地魔"\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'安倍:望与中国领导人会面 中方:你关闭了大门\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'揭秘台湾驻港间谍网运作 湖北宜昌副市长被查\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'嫦娥三号是货真价实的中国创造\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'嫦娥三号是货真价实的中国创造\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'嫦娥三号是货真价实的中国创造\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'嫦娥三号是货真价实的中国创造\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'嫦娥三号是货真价实的中国创造\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'中国长达13年游戏机禁令正式解除 外企可进入\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'70种证件伴中国人一生:领养老金要办生存证明\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'德国女总理默克尔滑雪时摔倒 骨盆断裂\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'中日驻英外交官撰文互称对方国家为"伏地魔"\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'安倍:望与中国领导人会面 中方:你关闭了大门\',\'date\'=>\'2014-1-6\'),
array(\'title\'=>\'揭秘台湾驻港间谍网运作 湖北宜昌副市长被查\',\'date\'=>\'2014-1-6\'),
);

echo json_encode($news);

result:

分类:

技术点:

相关文章: