因为不成熟，实现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工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:https://www.dengtar.com/2106.html