PHP-нумерация страниц с помощью jquery для событий keyup
Я пытаюсь разбить некоторые результаты на keyup. все работает, как задумано, но не нумерация страниц. как это работает, так это то, что при поиске необходимо перенести строку поиска с главной страницы в searchparent.php, запросить базу данных и вернуть результаты в разбивке по страницам. Я заставляю работать первую страницу, но когда я нажимаю следующую кнопку, URL-адрес перенаправляет на родительский код seach. Пожалуйста, помогите. Пожалуйста, смотрите код ниже.
<!DOCTYPE html>
<script>
$(document).ready(function(){
$("#serachbox").keyup(function(){
var Search= $("#serachbox").val();if(Search.length < 1)
{
$("#show").html("");
}
else
{
$.post('searchparent.php',{Search:Search,HiddenA:HiddenA},function(data)
{
$("#show").html(data);
});
}});});</script>
</head>
<body>
<input id ="serachbox" type="text" placeholder="Type learner surname" name="Send" style="width:400px;height:30px;display:none;"/>
</body>
</html><?phpecho"<style type=\"text/css\">
<!--
.pagNumActive {
color: #000;
border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
color: #000;
text-decoration: none;
border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
-->
</style>";
$X=1;
$Text="Parent:".$X."of :";
include ("Connect.php");
$Search=$_POST["Search"];
$HiddenA=$_POST["HiddenA"];
$Query="Select ParentPhoneNumber,ParentName,ParentSurname,LearnerName,ParentPhoneNumber
From $HiddenA
where ParentSurname like '%$Search%' ";
$Result=mysql_query($Query);
if($Result)
{
$Num=mysql_num_rows($Result);
echo "<center><table border=1 style=position:absolute;background:gold;width:600px;color:white;padding-left:500px; >
<tr style=background:grey;color:white;>
<td>Tick</td>
<td>Parent Name</td>
<td>Student Surname</td>
<td>Student Name</td>
<td>Parent Phone</td>
</tr>
<tr>
";
if($Num==0)
{
echo "<td colspan=3 rowspan=1>
No resutls could be found for your search
</td>
</tr>";
}
else
{//THIS IS WHERE PAGINATION BEGINS
//////////////////////////////////// Adam's Pagination Logic ////////////////////////////////////////////////////////////////////////
$nr = mysql_num_rows($Result); // Get total of Num rows from the database query
if (isset($_GET['pn'])) { // Get pn from URL vars if it is present
$pn = preg_replace('#[^0-9]#i', '', $_GET['pn']); // filter everything but numbers for security(new)
//$pn = ereg_replace("[^0-9]", "", $_GET['pn']); // filter everything but numbers for security(deprecated)
} else { // If the pn URL variable is not present force it to be value of page number 1
$pn = 1;
}
//This is where we set how many database items to show on each page
$itemsPerPage = 5;
// Get the value of the last page in the pagination result set
$lastPage = ceil($nr / $itemsPerPage);
// Be sure URL variable $pn(page number) is no lower than page 1 and no higher than $lastpage
if ($pn < 1) { // If it is less than 1
$pn = 1; // force if to be 1
} else if ($pn > $lastPage) { // if it is greater than $lastpage
$pn = $lastPage; // force it to be $lastpage's value
}
// This creates the numbers to click in between the next and back buttons
// This section is explained well in the video that accompanies this script
$centerPages = "";
$sub1 = $pn - 1;
$sub2 = $pn - 2;
$add1 = $pn + 1;
$add2 = $pn + 2;
if ($pn == 1) {
$centerPages .= ' <span class="pagNumActive">' . $pn . '</span> ';
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $add1 . '">' . $add1 . '</a> ';
} else if ($pn == $lastPage) {
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $sub1 . '">' . $sub1 . '</a> ';
$centerPages .= ' <span class="pagNumActive">' . $pn . '</span> ';
} else if ($pn > 2 && $pn < ($lastPage - 1)) {
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $sub2 . '">' . $sub2 . '</a> ';
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $sub1 . '">' . $sub1 . '</a> ';
$centerPages .= ' <span class="pagNumActive">' . $pn . '</span> ';
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $add1 . '">' . $add1 . '</a> ';
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $add2 . '">' . $add2 . '</a> ';
} else if ($pn > 1 && $pn < $lastPage) {
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $sub1 . '">' . $sub1 . '</a> ';
$centerPages .= ' <span class="pagNumActive">' . $pn . '</span> ';
$centerPages .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $add1 . '">' . $add1 . '</a> ';
}
// This line sets the "LIMIT" range... the 2 values we place to choose a range of rows from database in our query
$limit = 'LIMIT ' .($pn - 1) * $itemsPerPage .',' .$itemsPerPage;
// Now we are going to run the same query as above but this time add $limit onto the end of the SQL syntax
// $sql2 is what we will use to fuel our while loop statement below$Query2=mysql_query("Select ParentPhoneNumber,ParentName,ParentSurname,LearnerName,ParentPhoneNumber
From $HiddenA
where ParentSurname like '$Search%' $limit");//////////////////////////////// END Adam's Pagination Logic ////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Adam's Pagination Display Setup /////////////////////////////////////////////////////////////////////
$paginationDisplay = ""; // Initialize the pagination output variable
// This code runs only if the last page variable is ot equal to 1, if it is only 1 page we require no paginated links to display
if ($lastPage != "1"){
// This shows the user what page they are on, and the total number of pages
$paginationDisplay .= 'Page <strong>' . $pn . '</strong> of ' . $lastPage. ' ';
// If we are not on page 1 we can place the Back button
if ($pn != 1) {
$previous = $pn - 1;
$paginationDisplay .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $previous . '"> Back</a> ';
}
// Lay in the clickable numbers display here between the Back and Next links
$paginationDisplay .= '<span class="paginationNumbers">' . $centerPages . '</span>';
// If we are not on the very last page we can place the Next button
if ($pn != $lastPage) {
$nextPage = $pn + 1;
$paginationDisplay .= ' <a href="' . $_SERVER['PHP_SELF'] . '?pn=' . $nextPage . '"> Next</a> ';
}
}
///////////////////////////////////// END Adam's Pagination Display Setup /////////////////////////////////////////////////////////////////////////////THIS IS WHERE PAGINATION ENDS
while($Data=mysql_fetch_array($Query2) )
{
echo "<td><input type=checkbox name=Check[] id=Check value='Parent $X of $Data[3],$Data[2],$Data[4]' /></td>
<td><p>$Data[1]</p></td>
<td><p>";
echo ucfirst( strtolower( $Data[2] ) );
echo"</p></td>
<td><p>$Data[3]</p></td>
<td><p>$Data[4]</p></td>
<tr/>" ;
$X++;
}
}echo "<tr>
<td colspan=5>$paginationDisplay</td>
</tr>
</table></center>";exit();
}
else
{
echo mysql_error();
exit();
}
?>
Решение
Спасибо за ссылку на страницу. Прежде всего, пожалуйста, удалите эту неприятную ошибку, чтобы она ни с чем не связывалась:
Теперь перейдем к вопросу поиска. Вы отправляете POST запросить searchparent.php и получение разметки через ajax.
Эта часть работает нормально.
Что не так с pagination это то, что они a (якоря). Поэтому, разумеется, после того, как на них нажмут, они приведут вас к указанному URL.
Теперь, нумерация страниц 2 берет меня в /searchparent.php?pn=2 , Есть проблема с этим. Параметр не определен, я не знаю, что находится внутри php-файла, но если вы не сохраните поисковый запрос в sessionЯ не думаю, что это правильно.
Поэтому я думаю, что это правильно, если вы включите POST в GET а затем вы можете добавить параметры в URL, как /searchparent.php?term=m&pn=2, Это также облегчит вам вывод этой страницы через ajax и отображение ее на странице, а не всегда делать запрос POST.
Теперь о пагинационных ссылках: используйте click обработчик событий и использование event.preventDefault() чтобы страница не переходила туда, куда нас ведет URL. Таким образом, вы можете заставить страницу оставаться на месте и работать со своей магией.
Итак, вот основная идея:
- Кто-то нажимает на радио Отправить поиском
- Он печатает в м
- браузер отправляет запрос AJAX GET
/searchparent.php?term=mи загружает список. -
как только они нажимают на
.paginationNumbers aмы делаем это:$('.paginationNumbers a').on('click',function(event){
event.preventDefault();
// stop the world from rotating for a while
// now send the ajax request and replace the existing table with the data that comes in
// dance a while
})
Теперь позвольте напомнить вам, что список загружается через ajax, поэтому событие click может не обнаруживаться, если вы установите его внутри $(document).ready, Поэтому я предлагаю вам проверить и, возможно, использовать это вместо:
$(document).on('click','.paginationNumbers a',function(){})
Я считаю, что должно работать. Пожалуйста, дайте нам знать.
Другие решения
Других решений пока нет …