Ajax分页无法正常工作

时间：2016-03-28 06:42:46

标签： php jquery ajax pagination 

<?php include("config.php");
error_reporting(E_ALL); ini_set('display_errors', 1);
$results = mysqli_query($con,"SELECT COUNT(name) FROM user_tbl ");
$get_total_rows = mysqli_fetch_array($results); //total records
//break total records into pages
$pages = ceil($get_total_rows[0]/$item_per_page);   
?>

<script type="text/javascript">
$(document).ready(function() {
    $("#results").load("fetch_pages.php");  //initial page number to load
    $(".pagination").bootpag({
        total: <?php echo $pages; ?>,
        page: 1,
        maxVisible: 5 
    }).on("page", function(e, num){
        e.preventDefault();
        $("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');
        $("#results").load("fetch_pages.php", {'page':num});
    });
});
</script>

<body>
    <div id="serch">
        <form method="post"  enctype="multipart/form-data">
            <label>SEARCH BY NAME:</label>
            <input type="text" name="name" class="name" >
            <input type="submit" name="submit" class="sbmtt" value="SEARCH" />
        </form>
    </div>
    </table>
    <div class="res">
        <div class="navi">
            <div id="results"></div>
            <div class="pagination"></div>
        </div> 
    </div>
</body>

fetch_pages.php：

<?php
include("config.php"); //include config file
if(isset($_POST["page"])) {
    $page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);
    if(!is_numeric($page_number)) {
        //incase of invalid page number
        die('Invalid page number!');
    } 
} else {
    $page_number = 1;
}

//get current starting point of records
$position = (($page_number-1) * $item_per_page);

//Limit our results within a specified range. 
$results = mysqli_query($con, "SELECT * FROM user_tbl WHERE name = 'aruna' ORDER BY id ASC LIMIT $position, $item_per_page");

//output results from database
echo '<ul class="page_result">';
while($row = mysqli_fetch_array($results)) {    
    echo 'Name: ' .$row['name'];
    echo '<br /><br />Contact Number: ' .$row['cont'];
    echo '<br /><br />Email ID: ' .$row['email'];
    echo '<br /><br /><a href="viewdtl.php?id='.$row['id'].'" target="_blank">View details</a>';  
    echo "<br /><hr />";
}
echo '</ul>';
?>

CONFIG.PHP：

<?php
$con = mysqli_connect("localhost","root","","mydb");
$item_per_page = 3;
// Check connection
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
?>

My result

这里的结果只显示在div中..我想在表单提交后获取结果..我试过if(isset($_POST['submit']))但是没有工作..并且搜索应该通过从中获取名称来完成html形式不是我在fetch_pages.php中给出的方式，如＆＃39; aruna＆＃39; ..它应该被像$_POST['name']这样的表单数据获取..我真的卡在这里..任何帮助plzzz ..提前感谢

1 个答案:

答案 0 :(得分：1)

您需要传递搜索表单值。以下是完整更新的代码。 

<?php include("config.php");
error_reporting(E_ALL); ini_set('display_errors', 1);
$name = "";
$where = "";
if(isset($_POST["name"])){
    $name = $_POST["name"];
    $where = " WHERE name = '".$name."' ";
}
$results = mysqli_query($con,"SELECT COUNT(name) FROM user_tbl $where");
$get_total_rows = mysqli_fetch_array($results); //total records
//break total records into pages
$pages = ceil($get_total_rows[0]/$item_per_page);   
?>

<script type="text/javascript">
$(document).ready(function() {
var name = '<?php echo $name; ?>';
$("#results").load("fetch_pages.php", {'name':name});  //initial page number to load
$(".pagination").bootpag({
   total: <?php echo $pages; ?>,
   page: 1,
   maxVisible: 5 
}).on("page", function(e, num){
    e.preventDefault();
    $("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');
    $("#results").load("fetch_pages.php", {'page':num, 'name':name});
  });
});
</script>

<body>
<div id="serch">
<form method="post"  enctype="multipart/form-data">
<label>SEARCH BY NAME:</label>
<input type="text" name="name" class="name" value="<?php echo $name; ?>">
<input type="submit" name="submit" class="sbmtt" value="SEARCH" />
</form>
</div>
</table><div class="res">
<div class="navi">
<div id="results"></div>
<div class="pagination"></div>
</div> </div>
</body>

fetch_pages.php：

<?php
include("config.php"); //include config file
if(isset($_POST["page"])){
$page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);
if(!is_numeric($page_number)){die('Invalid page number!');} //incase of invalid page number
}else{
$page_number = 1;
}

//get current starting point of records
$position = (($page_number-1) * $item_per_page);

$name = "";
$where = "";
if(isset($_POST["name"])){
    $name = $_POST["name"];
    $where = " WHERE name = '".$name."' ";
}

//Limit our results within a specified range. 
$results = mysqli_query($con, "SELECT * FROM user_tbl $where ORDER BY id ASC LIMIT $position, $item_per_page");

//output results from database
echo '<ul class="page_result">';
while($row = mysqli_fetch_array($results))
{

echo 'Name: ' .$row['name'];
echo '<br /><br />Contact Number: ' .$row['cont'];
echo '<br /><br />Email ID: ' .$row['email'];
echo '<br /><br /><a href="viewdtl.php?id='.$row['id'].'" target="_blank">View details</a>';  
echo "<br /><hr />";

}
echo '</ul>';
?>

希望它会有所帮助。

相关问题
最新问题