ajax实现加载更多功能

需改进代码：
index.html

    
    
        
            
            
            
        
        
            

                

                
                加载更多
            
            
        
    

router.js

    app.get("/loadMore",function(req,res){
        var count=req.query.count;
        var len=req.query.length;
        var dates=[];
        
        for (var i=0;i

这里需要注意：用户点击多次出现重复加载上面5条数据的现象
测试：

图片.png

改进代码：添加一个参数 dateSend=false,单击了按钮，参数 dateSemd=true,用来记录本次单击开始发送数据,成功发送返回数据 ，dateSend=false,表示发送响应结束

图片.png

优化代码：
index.html

    
    
        
            
            
            
        
        
            

                

                
                加载更多
            
            
        
    

router.js

    app.get("/loadMore",function(req,res){
        var count=req.query.count;
        var len=req.query.length;
        var dates=[];
        
        for (var i=0;i

进一步优化的代码（提高了按钮的交互效果）：
index.html

    
    
        
            
            
            
        
        
            

                

                
                加载更多
            
            
        
    

router.js

    app.get("/loadMore",function(req,res){
        var count=req.query.count;
        var len=req.query.length;
        var dates=[];
        
        for (var i=0;i

简单封装ajax通过get发送请求功能

完整代码