• jquery weibo 留言


      1 <script>
      2 function getCnTime(s){
      3     var oDate = new Date(s*1000);
      4     return oDate.getFullYear()+'-'+toDou((oDate.getMonth()+1))+'-'+toDou(oDate.getDate())+' '+toDou(oDate.getHours())+':'+toDou(oDate.getMinutes())+':'+toDou(oDate.getSeconds()); 
      5 }
      6 function toDou(n){
      7     return n<10?'0'+n:''+n;
      8 }
      9 $(function(){
     10     var oSendBtn=$('#sendBtn');
     11     var oTjText=$('#tjText');
     12     var oMessList=$('#messList');
     13     var url='weibo.php';
     14     var iNow = 1;
     15     var oN=$('.noContent');
     16     //创建留言
     17     oSendBtn.on('click',function(){
     18         $.ajax({
     19             url:url,
     20             data:{
     21                 act:'add',
     22                 content:oTjText.val()
     23             },
     24             cache:false,
     25             success:function(str){
     26                 var json = eval('('+str+')');
     27                 if(!json.error){
     28                      var oDiv=createReply(json.id,oTjText.val(),0,0,json.time);
     29                         if(oMessList.children()){
     30                             oMessList.prepend($(oDiv));
     31                         }else{
     32                             $(oDiv).appendTo(oMessList);
     33                         }
     34                         if(oMessList.children().length>6){
     35                             oMessList.children().eq(oMessList.children().length-1).remove();
     36                         }
     37                         get_page_count();
     38                 }
     39                 
     40                 oTjText.val('');
     41                 
     42             },
     43 
     44             error:function(){
     45                 alert('no');
     46             }
     47         });
     48     });
     49     //获取某页数据
     50     function getPage(n){
     51         $.ajax({
     52             url:url,
     53             data:{
     54                 act:'get',
     55                 page:n
     56             },
     57             cache:false,
     58             success:function(str){
     59                 var arr = eval('('+str+')');
     60                 oMessList.html('');
     61                 $.each(arr,function(index){
     62                     var oDiv = createReply(arr[index].id,arr[index].content,arr[index].acc,arr[index].ref,arr[index].time);
     63                     $(oDiv).appendTo(oMessList);
     64                 })
     65             },
     66             error:function(){
     67                 alert('no');
     68             }
     69         });
     70             if(n>0){
     71                 oN.css({display:'none'});
     72             }else{
     73                 oN.css({display:'block'});
     74             }
     75     }
     76     //获取页数
     77     var oPage=$('#page');
     78     function get_page_count(){
     79         $.ajax({
     80             url:url,
     81             data:{
     82                 act:'get_page_count'
     83             },
     84             cache:false,
     85             success:function(str){
     86                 oPage.html('');
     87                 var json = eval('('+str+')');
     88                 for(var i =0;i<json.count;i++){
     89                     var oA = document.createElement('a');
     90                     oA.innerHTML = i+1;
     91                     oA.href = 'javascript:;';
     92                     oPage[0].appendChild(oA);
     93                     if(i == iNow-1){
     94                         oA.className = 'active';
     95                     }
     96                     $(oA).on('click',function(){
     97                     $.each(oPage.children(),function(index){
     98                         oPage.children().eq(index).removeClass('active');
     99                     });
    100                     $(this).addClass('active');
    101                     iNow=$(this).html();
    102                     getPage(iNow);
    103                     });
    104                 }
    105             },
    106             error:function(){
    107                 alert('no');
    108             }
    109         });
    110     }
    111     getPage(1);
    112     //创建一条留言
    113     function createReply(id,content,acc,ref,time){
    114         var oDiv=document.createElement('div');
    115         $(oDiv).addClass('reply');
    116         var str=
    117         '<p class="replyContent">'+content+'</p>'+
    118         '<p class="operation">'+
    119         '<span class="replyTime">'+getCnTime(time)+'</span>'+
    120         '<span class="handle">'+
    121         '<a href="javascript:;" class="top">'+acc+'</a>'+
    122         '<a href="javascript:;" class="down_icon">'+ref+'</a>'+
    123         '<a href="javascript:;" class="cut">删除</a>'+
    124         '</span>'+
    125         '</p>';
    126         $(oDiv).html(str);
    127         //删除
    128         var oDel=$(oDiv).children().eq(1).children().eq(1).children().eq(2);
    129         oDel.on('click',function(){
    130             $.ajax({
    131                 url:url,
    132                 data:{
    133                     act:'del',
    134                     id:id    
    135                 },
    136                 cache:false,
    137                 success:function(str){
    138                     var json = eval('('+str+')');
    139                     if(!json.error){
    140                         var boo=window.confirm('确定删除吗?');
    141                         if(boo){
    142                             oDiv.remove();
    143                             get_page_count();
    144                             getPage(iNow);
    145                         }
    146                         
    147                     }
    148                 }
    149             });
    150         });
    151         //
    152         var oAcc=$(oDiv).children().eq(1).children().eq(1).children().eq(0);
    153         oAcc.on('click',function(){
    154             if(!localStorage['acc'+id]){
    155                 $.ajax({
    156                     url:url,
    157                     data:{
    158                         act:'acc',
    159                         id:id    
    160                     },
    161                     cache:false,
    162                     success:function(str){
    163                         var json = eval('('+str+')');
    164                         if(!json.error){
    165                             alert('顶成功');
    166                             oAcc.html(parseInt(oAcc.html())+1);
    167                             localStorage['acc'+id]=1;
    168                             // setCookie('acc'+id,1,1);可用cookie做
    169                         }
    170                     }
    171                 });
    172             }else{
    173                 alert('一天只能一次');
    174             }
    175             
    176         });
    177         //
    178         var oRef=$(oDiv).children().eq(1).children().eq(1).children().eq(1);
    179         oRef.on('click',function(){
    180             if(!localStorage['ref'+id]){
    181                 $.ajax({
    182                     url:url,
    183                     data:{
    184                         act:'ref',
    185                         id:id    
    186                     },
    187                     cache:false,
    188                     success:function(str){
    189                         var json = eval('('+str+')');
    190                         if(!json.error){
    191                             alert('踩成功');
    192                             oRef.html(parseInt(parseInt(oRef.html())+1));
    193                             localStorage['ref'+id]=1;
    194                         }
    195                     }
    196                 });
    197             }else{
    198                 alert('您来过了');
    199             }
    200         });
    201         return oDiv;
    202     }
    203     get_page_count();
    204 });
  • 相关阅读:
    WebApi之DOM的基本介绍
    Javascript常见数据类型API
    JavaScript作用域与对象
    Javascript数组与函数初识
    久等了,你要的 Python 书籍推荐,来了
    六种酷炫Python运行进度条
    python获取系统内存占用信息的实例方法
    在图像中隐藏数据:用 Python 来实现图像隐写术
    付费?是不可能的!20行Python代码实现一款永久免费PDF编辑工具
    Python数据分析实战:使用pyecharts进行数据可视化
  • 原文地址:https://www.cnblogs.com/lixuekui/p/5920984.html
Copyright © 2020-2023  润新知