站内搜索:
首页 >> 前端 >> 内容
ajax点击加载更多,出现后面的内容,一次加载十条内容(实现原理)

时间:2018/2/11 14:20:24

原理很简单 加自定义属性 每次加载根据自定义属性判断 so easy

<p id="more" data-status="1">    
                加载更多    
</p>    
<input type="hidden" id="page" value="2">    

根据这个 data-status 属性 然后 mongodb写执行语句

db.collection("collectonName").find({}).limit(number).skip(number)

例如:

app.get("/jingxuan",(req,res)=>{
    var {count} = req.query;
    console.log(count)
    dbs.conn((err,db)=>{
        if(err) throw err;
        var jingxuan = db.collection("jingxuan");
        jingxuan.find({}).limit(20).skip(20*(count-1)).toArray((error,result)=>{
            if(error) throw error;
            console.log("精选数据获取")
            res.send(result);
            db.close();
        })
    })
})

每次加载20条数据 count-1 是因为 第一次不需要跳过

mongodb执行语句 可以百度搜索

数据库函数 看我的node里面有

  • 上一篇:服务器常用的状态码及其对应的含义分享
  • 下一篇:element table表格的下方在不该出现的情况下出现滚动条
  • 返回顶部