因?yàn)椴怀墒欤瑢?shí)現(xiàn)Ajax調(diào)用數(shù)據(jù)有點(diǎn)繁瑣，需要仔細(xì)閱讀。

準(zhǔn)備工作：網(wǎng)站信息必須開始API驗(yàn)證串

第一步：數(shù)據(jù)調(diào)用中心創(chuàng)建一個(gè)列表調(diào)用（注意，請(qǐng)開啟遠(yuǎn)程調(diào)用功能）

第二步：編寫第一頁(yè)的調(diào)用代碼

<!--php:$list=phpok('news','fields=id&psize=2')--><ulclass="artlist"id="article-test"><!--loopfrom=$list.rslistkey=$keyvalue=$value--><li><ahref="{$value.url}"title="{$value.title}">{funcphpok_cut$value.title15…}</a></li><!--/loop--></ul><inputtype="button"value="第1頁(yè)"onclick="page_remote(1)"/><inputtype="button"value="第2頁(yè)"onclick="page_remote(2)"/><inputtype="button"value="第3頁(yè)"onclick="page_remote(3)"/>

第三步：生成第二頁(yè)的鏈接代碼

<!--php:$link=phpok_call_api_url('news','fields=id&psize=2')-->生成要請(qǐng)求的鏈接

第四步：編寫JS

<scripttype="text/javascript">functionpage_remote(pageid){varpsize=2;varlink="{$link}";if(!pageid||pageid=='undefined'||parseInt(pageid)<1){pageid=1;}varoffset=parseInt((pageid-1)*psize);link+="&ext[offset]="+offset.toString();$.phpok.json(link,function(data){if(data.status=='ok'){varlst=data.content.rslist;varhtml='';for(variinlst){html+='<li><ahref="'+lst[i].url+'">'+lst[i].title+'</a></li>';}$("#artlist-test").html(html);}})}</script>

全程效果如下：

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://m.jstctz.cn/2106.html