Question

Java：页面显示查询的数据：要求第一次显示十条，点击查看更多后，显示20条信息，依次类推

点击查看更多之后显示的是之前查看的内容加上后面要加载的十条数据，请问怎么实现？

Answer 1

这个比分页查询还简单，前台定义一个变量表示第几次更多，每次点击传到后台，返回20条数据，第一次显示10条，点击更多，从数据库中获取第11-30条数据，返回前台，前台异步刷新，拼接到前10条后，依次类推，每次只查20条，不用每次都全部查询。

追问

请问怎么拼接呢？我ajax返回的是一个页面。
刷新之后显示的就是之后查到的十条数据了。

追答

ajax异步刷新，每次点击加载更多的时候，在success函数中判断

$.ajax({
    url:'/comm/test1.php',
    type:'POST', //GET
    async:true,    //是否异步(继续执行后面的代码)
    data:{
        name:'yang',age:25
    },
    timeout:5000,    //超时时间
    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
    success:function(data,textStatus,jqXHR){
        1、取得已经显示在页面上的数据existdata
        2、existdata后附加返回的data
        3、页面刷新显示
        console.log(data)
        console.log(textStatus)
        console.log(jqXHR)
    },
    error:function(xhr,textStatus){
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    }
})

Answer 2

实现的方式有很多啊，你可以写一个隐藏的div用来盛装剩下的10条数据，点击的时候让那个div显示出来。也可以在点击的时候在你显示数据的表格后边追加上10条数据。