数据库值到达时如何停止无限滚动?

时间:2017-06-15 07:13:13

标签: php jquery ajax

我不是专家程序员。请帮助我任何人。谢谢。 我正在尝试从表中加载数据库值。但是当运行程序数据无限滚动时,一次又一次地复制数据。 当表数据到达end时我需要停止滚动。不需要复制数据。 `

<?php
include('connect.php');
$page = (int) (!isset($_GET['p'])) ? 1 : $_GET['p'];
# sql query
$sql = "SELECT * FROM job_posting";
# find out query stat point
$start = ($page * $limit) - $limit;
# query for page navigation
if( mysql_num_rows(mysql_query($sql)) > ($page * $limit) ){
  $next = ++$page;
  $hy=mysql_num_rows(mysql_query($sql));
  $limit=$hy;
}
$query = mysql_query( $sql . " LIMIT {$start}, {$limit}");
if (mysql_num_rows($query) < 1) {
  header('HTTP/1.0 404 Not Found');
  echo 'Page not found!';
  exit();
}
?>
<!doctype html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ias.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    // Infinite Ajax Scroll configuration
    jQuery.ias({
      container : '.wrap', // main container where data goes to append
      item: '.item', // single items
      pagination: '.nav', // page navigation
      next: '.nav a', // next page selector
      loader: '<img src="css/ajaxloader.gif"/>', // loading gif
      triggerPageThreshold: 3 // show load more if scroll more than this
    });
  });
</script>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>jQuery Load While Scroll</title>
</head>
<body>
<div class="wrap">
  <h1><a href="#">Data load while scroll</a></h1>

  <!-- loop row data -->
  <?php while ($row = mysql_fetch_array($query)): ?>
  <div class="item" id="item-<?php echo $row['j_id']?>">
    <h2>
      <span class="num"><?php echo $row['id']?></span>
      <span class="name"><?php echo $row['title'].' '.$row['jobtype']?></span>
    </h2>
    <p><?php echo $row['comp_name']?></p>
  </div>
  <?php endwhile?>

  <!--page navigation-->
  <?php if (isset($next)): ?>
  <div class="nav">
    <a href='again.php?p=<?php echo $next?>'>Next</a>
  </div>
  <?php endif?>
</div><!--.wrap-->
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您正在设置表格中记录数量的限制。

var str = $('#receiving-box-table tr:last-child td:first-child input').attr("id");
var prev_char = parseInt(str.replace("courier_tracking_no_", ""));

评论上面的代码 并将$ limit设置为开头的任何数字,如

  $hy=mysql_num_rows(mysql_query($sql));
  $limit=$hy;