【学习笔记】ajax执行时的提示 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>demo3</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
    $('input').click(function(){
        var ul = $('#info>ul');
        $.ajax({
            url:'demo3.php?'+Math.random(),
            type:'get',
            success:function(data){
                var result = eval(data);
                for(var i = 0;i<result.length;i++){
                    // result[i].title;
                    ul.append('<li>'+result[i].title+'<em>'+result[i].publicTime+'</em></li>');
                }
            }
        });
    });
    
    $(document).ajaxStart(function(){
        $('#loading').show();
    }).ajaxStop(function(){
        $('#loading').hide();
    });
});
</script>
</head>
<body>
<input type="button" value="获取新闻列表" />
<div id="info">
    <img src="loading.gif" alt="" id="loading" style="display:none;" />
    <ul></ul>
</div>
</body>
</html>

 

posted @ 2014-04-12 23:52  little fly  阅读(243)  评论(0)    收藏  举报