<script type="text/javascript">
//在HTML文檔加載完成立即執(zhí)行該函數(shù)將觸發(fā)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++){
? ? ? ? ? ? //外層循環(huán)得到文章id
? ? ? ? ? ? var id=data.data[x].id;
? ? ? ? ? ? for(var y=0;y<blogs.length;y++){
? ? ? ? ? ? ? ? var blog=blogs[y];
? ? ? ? ? ? ? ? var blogId=blog.getAttribute("aid");
? ? ? ? ? ? ? ? //與外層循環(huán)得到的文章id比較抹锄,如果是同一個id則將當(dāng)前瀏覽量賦值給它
? ? ? ? ? ? ? ? if(id==blogId){
? ? ? ? ? ? ? ? //子元素結(jié)構(gòu):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("瀏覽量獲取失敗后端發(fā)生錯誤:"+errorThrown);console.log(XMLHttpRequest.responseText);}
? });
//ajax結(jié)束
},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>