ejs接收后端数据实现本地分页

时间：2023-04-04 00:03:49 Node.js

后端数据vararr=[];for(leti=0;i<77;i++){arr.push({index:i+1,head:'

cccccccccc

',content:'

qqqqqqqqqqqqqqqqqqvvvvvvvvv

cccccc,,cccccc

'})}router.get('/',function(req,res,next){res.render('index',{news:JSON.stringify(arr),//关键是对字符串进行转换});});ForegroundHTMl<%varnewslist=JSON.parse(news);newslist.forEach(function(item,key){%><%if(key<=9){%><%-item.index%><%-item.head%><%-item.content%>

<%}%><%})%>

js部分varnewslist=JSON.parse('<%-news%>');functiongetList(index){varreslut=newslist.slice((index-1)*10,index*10);$('#content').empty();vardof=文档。创建文档片段新台币（）；reslut.forEach(element=>{$(dof).append(`${element.index}${element.head}${element.content}

`)});$('#content').append($(dof))};newPagination({element:'#pages',//元素类型:2,//style类型，可以是Select[1,2]pageIndex:1,//初始页码pageSize:10,//pageCount:9,//页码total:newslist.length,//数据总数jumper:false,//显示输入框跳转singlePageHide:true,//分页只有一页时不显示prevText:'prev',//上一页文本nextText:'next',//下一页文本disabled:true,//是否显示disabledcurrentChange:function(index){//callbackgetList(index);}})当页码改变时；示例中使用了分页插件，类似的可以自行查找。

上一篇：出门吃饭了解Express.js基础

下一篇：Git命令

ejs接收后端数据实现本地分页相关文章