發表日期:2014-10 文章編輯:小燈 瀏覽次數:3331
因為不成熟,實現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>
全程效果如下:
日期:2018-09 瀏覽次數:4163
日期:2014-10 瀏覽次數:3493
日期:2014-10 瀏覽次數:3247
日期:2014-10 瀏覽次數:3330
日期:2014-10 瀏覽次數:3384
日期:2014-10 瀏覽次數:3323
日期:2014-10 瀏覽次數:3397
日期:2014-10 瀏覽次數:3355
日期:2014-10 瀏覽次數:3380
日期:2014-10 瀏覽次數:3410
日期:2014-10 瀏覽次數:3576
日期:2014-10 瀏覽次數:3148
日期:2014-10 瀏覽次數:3297
日期:2014-10 瀏覽次數:3450
日期:2014-10 瀏覽次數:3194
日期:2014-10 瀏覽次數:3723
日期:2014-10 瀏覽次數:3236
日期:2014-10 瀏覽次數:3390
日期:2014-10 瀏覽次數:3210
日期:2014-10 瀏覽次數:3531
日期:2014-10 瀏覽次數:3249
日期:2014-10 瀏覽次數:3273
日期:2014-10 瀏覽次數:3257
日期:2014-10 瀏覽次數:3974
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.