ajax获取数据的处理和实例

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：

posted on 2016-05-30 12:32 Newbie_小白阅读(5329) 评论(0) 编辑收藏举报