phpcms首页调用点击量方法(AJAX方法)

2019-02-17  本文已影响0人  小祈祈博客

<script type="text/javascript">

//在HTML文档加载完成立即执行该函数将触发DOMContentLoaded事件,而不需要等待样式表,图像和子框架页面加载(事件可以用来检测HTML页面是否完全加载完毕(fully-loaded))。

window.addEventListener('DOMContentLoaded',function(evt){

//获取blogs的所有文章id

var blogs=document.getElementsByClassName("blogs");

var ids="";

for(var i=0;i<blogs.length;i++){

    ids+=blogs[i].getAttribute("aid")+",";

}

//ajax开始

$.ajax(

{

  url:'http://'+document.domain+'/xy',

  data:{ids:ids},

  type:'get',

  cache:false,

  dataType:'json',

  success:function(data){

    if(data.msg){

        console.log(data);

        for(var x=0;x<data.data.length;x++){

            //外层循环得到文章id

            var id=data.data[x].id;

            for(var y=0;y<blogs.length;y++){

                var blog=blogs[y];

                var blogId=blog.getAttribute("aid");

                //与外层循环得到的文章id比较,如果是同一个id则将当前浏览量赋值给它

                if(id==blogId){

                //子元素结构:ul(0) p(1) span(2) viewnum f_r(2) a(0)

                var a=blog.getElementsByTagName("ul")[0].getElementsByTagName("p")[1].getElementsByTagName("span")[2].getElementsByTagName("a")[0];

                a.innerHTML=data.data[x].chengXiaoGua;

                break;

                }

            }

        }

    }

    else{alert("浏览量获取失败"); console.log(data); }

  },

error:function(XMLHttpRequest, textStatus, errorThrown){alert("浏览量获取失败后端发生错误:"+errorThrown);console.log(XMLHttpRequest.responseText);}

  });

//ajax结束

},false);

</script>

----------------------------------------------------------------------------------------------------------------------------

<ul>

          <h3><a href="{$v['url']}" target="_blank" title="{$v['title']}">文章id:{$v['id']}------{$v['title']}</a></h3>

          <p>{str_cut($v['description'], 200)}</p>

          <p class="autor">

            <span class="lm f_l">[<a href="{$CATEGORY[$v[$catid]]['url']} ">{$CATEGORYS[$v[catid]][catname]}</a>]</span>

            <span class="dtime f_l">{date('Y-m-d H:i:s', $v['inputtime'])}  </span>

            <span class="viewnum f_r">浏览(<a href="{$v['url']}">{$views}</a>)</span>

            <span class="pingl f_r">作者:{$v['username']}</span>

        </p>

        </ul>

上一篇 下一篇

猜你喜欢

热点阅读