ajax 新闻实例和数组

最新推荐文章于 2022-08-01 16:56:32 发布

我可不是小流氓

最新推荐文章于 2022-08-01 16:56:32 发布

阅读量394

点赞数

分类专栏： jquery+ajax 文章标签： ajax

本文链接：https://blog.csdn.net/u014610047/article/details/50600288

版权

jquery+ajax 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

ajax 新闻实例和数组

<html>
<head>
<title>demo.html</title>
<script src="jquery.js"></script>
</head>
<body>
  <input type="button" value="获取新闻列表">
  <div id="info">
  <!-- 图片可在www.ajaxload.info 中挑选下载 -->
  <img src="ajax-loader.gif" id="loading" style="display:none;">
  <ul></ul>
  </div>
  <script>
    $('input').click(function(){
      $.ajax({
        url:'demo.php?'+Math.random(),
        type:'get',
        success:function(data){
          var result = eval(data);
          for(var i = 0; i<result.length; i++){
            $('ul').append('<li>'+result[i].title+'<em>'+result[i].publicTime+'</em></li>');
          }
        }
      });
    });
    $(document).ajaxStart(function(){
      $('#loading').show();
    }).ajaxStop(function(){
      $('#loading').hide();
    });
  </script>
</body>
</html>

demo.php

<?php
header('Content-type:text/html;charset:utf-8');
sleep(3);
echo '[
{
"title":"否认放松计划生育政策",
"publicTime":"2011-11-16";
},{
"title":"劳教制度建设",
"publicTime":"2011-11-15";
},{
"title":"中共中央决定废止劳教制度",
"publicTime":"2011-11-14";
}
]';
?>