因為不成熟，實現Ajax調用數據有點繁瑣，需要仔細閱讀。

準備工作：網站信息必須開始API驗證串

第一步：數據調用中心創建一個列表調用（注意，請開啟遠程調用功能）

第二步：編寫第一頁的調用代碼

<!--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頁"onclick="page_remote(1)"/><inputtype="button"value="第2頁"onclick="page_remote(2)"/><inputtype="button"value="第3頁"onclick="page_remote(3)"/>

第三步：生成第二頁的鏈接代碼

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

第四步：編寫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>

全程效果如下：

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/2106.html