Javascript 以前的数据结果未清除

由于我是网络编程新手，并且我已经对我的图书搜索页面进行了分页，最初将显示4行的第一条记录，之后当我单击“下一步”按钮时，下一个结果将附加到上一个结果中，以便再次查看结果。因此我需要清除上一个结果，有人能帮我解决这个问题吗 先谢谢你。 book_search.php

<?php
include('assets/page_header.php');

?>
<!--script type="text/javascript" src="js/page.js">
</script>-->


<div class="container">

<h1>SEARCHING THE BOOK</h1>

<form  id="search"  name="search" action="#" method="post">
Search : <input type="text" name="author" id="author">



<input id="submit" name="submit"  type="submit" value="Submit">


<div id="display">


</div>
<a href='#' onclick='Next(event)'; >Next</a>
<a href='#' onclick='Previous(event)'; >Previous</a>
<a href='#' onclick='Back(event)'; >back</a>
<a href='#' onclick='LastPage(event)';>LastPage</a>
<a href="#" onclick='pagination(event)';>1</a>
<a href="#" onclick='pagination(event)';>2</a>
<a href="#" onclick='pagination(event)';>3</a>
<a href="#" onclick='pagination(event)';>4</a>


</form>
</div>
<script type="text/javascript" src="js/page.js">
</script>


</body>
</html>

script.js

$(document).ready(function(){
$("#submit").click(function(e){

    var author = $("#author").val();




    var dataString='author='+author;



        if(author=='')
        {
        alert("Please Enter Author or Title or Publisher Fields");
        }
        else
        {
            // AJAX Code To Submit Form.
            $.ajax({
            type: "POST",
            url: "db/ajax.php",
            data: dataString,
            cache: false,
            success: function(result){

            //alert("submitted"+result);
            $('#display').html(result);

            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }
            });
        }
        e.preventDefault(); 
        });

});

---

ajax成功后：只需添加 $（'#display'）.html（''）； 然后

---

$（'#display'）.html（结果）

通常我通过sql查询本身进行分页。Limit是我使用的关键字。通过这种方式，它将获得新页面，而没有以前的结果。

---

选择*table_name，其中id=anyid limit 5,0。下一步将是限制5,6 5,11，…并一直持续到结束。将行数限制为显示从行数开始。希望这对您有所帮助。

它仍然适用于以前的结果

var no_of_records=16;
    var items_per_page=4;
    var page=1;
    var start_page=1;
    var end_page=0;


    function Next(e)
    {

    alert("next");



    var TotalPages=Math.ceil(no_of_records/items_per_page);
    page++;

    var start_page=page;
    var end_page=start_page*5;
    var start_page=end_page;
    var end_page=start_page*5;
    alert(start_page);
    alert(end_page);

    var author=$("#author").val();
    e.preventDefault();


    $.ajax({
            type: "POST",
            url: "db/ajax.php",
            data: {'start':start_page,'end':end_page,'page':page,'author':author},
            cache: false,
            success: function(result){
            //alert("submitted"+result);
            $('#display').html(result);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }



        });
        }

        function pagination(e)
        {
        page++;
        var start_page=page;
        var end_page=start_page*5;
        alert(start_page);
        alert(end_page);


        var author=$("#author").val();
            e.preventDefault();

        $.ajax({
            type: "POST",
            url: "db/ajax.php",
            data: {'start':start_page,'end':end_page,'page':page,'author':author},
            cache: false,
            success: function(result){
            //alert("submitted"+result);
            $('#display').html(result);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }



        });

        }
        function Previous(e)
    {

    page--;
    var start_page=page;
    var end_page=start_page*5;
    var page=end_page;
    alert(start_page);
    alert(end_page);
    var TotalPages=Math.ceil(no_of_records/items_per_page);




    var author=$("#author").val();
    e.preventDefault();
    $.ajax({
            type: "POST",
            url: "db/ajax.php",
            data: {'start':start_page,'end':end_page,'page':page,'author':author},
            cache: false,
            success: function(result){
            //alert("submitted"+result);
            $('#display').html(result);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }



        });
        }

$(document).ready(function(){
$("#submit").click(function(e){

    var author = $("#author").val();




    var dataString='author='+author;



        if(author=='')
        {
        alert("Please Enter Author or Title or Publisher Fields");
        }
        else
        {
            // AJAX Code To Submit Form.
            $.ajax({
            type: "POST",
            url: "db/ajax.php",
            data: dataString,
            cache: false,
            success: function(result){

            //alert("submitted"+result);
            $('#display').html(result);

            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }
            });
        }
        e.preventDefault(); 
        });

});