AJAX 加载更多（加数据锁）

jsbin展示

• 有时候网络延时，用户多次点击按钮发送请求，后端接收到多个重复的请求，浪费流量。

• 在前端加个数据锁就能解决这个问题。

• 下面是对封装的ajax加数据锁的例子

前端html

    
    
    
    
    



    

        
新闻1
        
新闻2
        
新闻3
        
新闻4
        
新闻5
    
    加载更多

app.get("/loadMore", function(req, res) {
    var idx = req.query.index;
    var ndpg = req.query.needPage;
    var news = [];
    for (var i = 0; i < ndpg; i++) {
        news.push("新闻get" + (parseInt(idx) + i + 1))
    }
    res.send(news)
})



app.post("/loadMore", function(req, res) {
        var idx = req.body.index;
        var ndpg = req.body.needPage;
        var news = [];
        for (var i = 0; i < ndpg; i++) {
            news.push("新闻post" + (parseInt(idx) + i + 1))
        }
        res.send(news)
        // setTimeout(function(){
        //     res.send(news)
        // }, 1000)
    })