分页面板应保持静态

Question

我有一个搜索表单，用户输入关键字并将结果与​​分页一起显示。一切工作正常，除了当用户点击'下一步'按钮时，页面加载通过AJAX检索数据时，分页面板也会消失。

如何在检索数据时使分页面板处于静态状态？

search.html：

<form name="myform" class="wrapper"> 
     <input type="text" name="q" id="q" onkeyup="showPage();" class="txt_search"/> 
     <input type="button" name="button" onclick="showPage();" class="button"/> 
     <p> </p> 
     <div id="txtHint"></div> 

    </form> 

AJAX：

var url="search.php"; 
url += "?q="+str+"&page="+page+"&list="; 
url += "&sid="+Math.random(); 
xmlHttp.onreadystatechange=stateChanged; 
xmlHttp.open("GET",url,true); 
xmlHttp.send(null); 

function stateChanged(){ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
document.getElementById("txtHint").innerHTML=xmlHttp.responseText; 
} //end if 
} //end function 

的search.php：

$self = $_SERVER['PHP_SELF']; 
      $limit = 3; //Number of results per page 
      $adjacents = 2; 
      $numpages=ceil($totalrows/$limit); 

      $query = $query." ORDER BY idQuotes LIMIT " . ($page-1)*$limit . ",$limit"; 
      $result = mysql_query($query, $conn) 
      or die('Error:' .mysql_error()); 
?> 

<div class="search_caption">Search Results</div> 
<div class="search_div"> 
<table class="result"> 
    <?php while ($row= mysql_fetch_array($result, MYSQL_ASSOC)) { 
     $cQuote = highlightWords(htmlspecialchars($row['cQuotes']), $search_result); 
     ?> 
     <tr> 
     . . .display results. . . 
     </tr> 
    <?php } ?> 
</table> 
</div> 

<hr> 
<div class="searchmain"> 
<?php 
    //Create and print the Navigation bar 
     $nav=""; 
     $next = $page+1; 
     $prev = $page-1; 
     if($page > 1) { 
      $nav .= "<a onclick=\"showPage('','$prev'); return false;\" href=\"$self?page=" . $prev . "&q=" .urlencode($search_result) . "\">< Prev</a>"; 

      $first = "<a onclick=\"showPage('','1'); return false;\" href=\"$self?page=1&q=" .urlencode($search_result) . "\"> << </a>" ; 
     } 

     else { 
      $nav .= "&nbsp;"; 
      $first = "&nbsp;"; 
     } 

     for($i = 1 ; $i <= $numpages ; $i++) { 
      if($i == $page) { 
       $nav .= "<span class=\"no_link\">$i</span>"; 
      }else{ 
       $nav .= "<a onclick=\"showPage('',$i); return false;\" href=\"$self?page=" . $i . "&q=" .urlencode($search_result) . "\">$i</a>"; 
      } 
     } 

     if($page < $numpages) { 
      $nav .= "<a onclick=\"showPage('','$next'); return false;\" href=\"$self?page=" . $next . "&q=" .urlencode($search_result) . "\">Next ></a>"; 

      $last = "<a onclick=\"showPage('','$numpages'); return false;\" href=\"$self?page=$numpages&q=" .urlencode($search_result) . "\"> >> </a>"; 
     } 

     else { 

      $nav .= "&nbsp;"; 
      $last = "&nbsp;"; 
     } 

     echo $first . $nav . $last; 
?> 

</div> 

Answer 1

不知道你的意思。只需在showPage函数中更改结果表而不是整个页面。