jquery php mysql-如何在显示所有项目时隐藏load more按钮

我有一个显示数据库列表的代码和一个loadmore按钮。显示所有记录列表后，单击loadmore按钮显示空位置。

如何在显示所有记录后隐藏loadmore按钮

index.php文件：

<?php $chinp=$_GET['schinp'];?>
<div  id="schts"></div>
<button id="btnsch">load more</button>

<script>
$(document).ready(function() {
    var chinp="<?php echo $chinp;?>";
  var srchco = 1;
  var offsrch = 0;
  $("#btnsch").click(function() {
    $.ajax({
        method: "POST",
       url: "search.php",
        data: { srchcoun: srchco, offsrch: offsrch ,chinp:chinp}
      })
      .done(function(msg) {
        $("#schts").append(msg);
      });
    offsrch = offsrch + srchco;
  });

  $("button").trigger("click");
});
</script>

search.php：

$srchcoun=$_POST['srchcoun'];
$offsrch=$_POST['offsrch'];
$chinp=$_POST['chinp'];
$schql="SELECT id, name, lastname FROM t_users WHERE name LIKE '$chinp' ORDER BY name ASC limit $offsrch, $srchcoun";
$rsch=mysqli_query($conn,$schql);

while ($rch=mysqli_fetch_assoc($rsch)){
     $scid=$rch['id'];$snm=$rch['name'];$slnm=$rch['lastname'];?>

<div class="alsu">
<img class="sask" src="pic/<?php echo $scid;?>.png" alt="">
<span class="snm">Name : <?php echo $snm." ".$slnm;?></span>
</div>
<?php }?>
</div>

谢谢。

只需使用$'myButtonId'。隐藏；在从数据库加载整个数据之后，使用ajax部分。

只需使用$'myButtonId'。隐藏；在从数据库加载整个数据之后，在ajax中执行此操作。

函数get\u rain\u data\u listis\u load\u more=0{ 如果is_load_more！=0{//如果is_load_more不是0，则从btnlod attr获取偏移量数据 偏移量=$'btn\u加载\u更多\u雨'。属性数据偏移量； }else{//当is\u load\u more为0时设置偏移量=0 偏移量=0； } var id=$'id'.val； var-countShow=0； 伊夫罗姆达特={ countShow=1； } $.ajax{ url:base\u url+rain\u data\u list\u ajax， 类型:POST,， 数据：{offset:offset，propertyId:propertyId，fromDate:fromDate，toData:toData}， 数据类型：JSON， 发送前：函数{ 显示加载程序； }, 成功：functiondata{ 隐藏装载机； //控制台日志数据； $'.proprty\u load\u more\u btn.remove；//删除加载更多按钮 ifoffset==0{//当偏移量为0时清除div $append\u rain\u list.html； } ifdata.no_record==0{//在没有以前的记录时在div中显示数据 $append\u rain\u list.htmldata.html\u rain； $add_count.html； ifcountShow{ //$add_count.htmldata.count+data.record； } }否则{ //在视图中已记录显示时追加数据 $append\u rain\u list.appenddata.html\u rain； $append\u load\u btn.appenddata.btn\u html； $add_count.html； ifcountShow{ $add_count.htmldata.count+data.record； } } }, }; } 函数get\u rain\u data\u listis\u load\u more=0{ 如果is_load_more！=0{//如果is_load_more不是0，则从btnlod attr获取偏移量数据 偏移量=$'btn\u加载\u更多\u雨'。属性数据偏移量； }else{//当is\u load\u more为0时设置偏移量=0 偏移量=0； } var id=$'id'.val； var-countShow=0； 伊夫罗姆达特={ countShow=1； } $.ajax{ url:base\u url+rain\u data\u list\u ajax， 类型:POST,， 数据：{offset:offset，propertyId:propertyId，fromDate:fromDate，toData:toData}， 数据类型：JSON， 发送前：函数{ 显示加载程序； }, 成功：functiondata{ 隐藏装载机； //控制台日志数据； $'.proprty\u load\u more\u btn.remove；//删除加载更多按钮 ifoffset==0{//当偏移量为0时清除div $append\u rain\u list.html； } ifdata.no_record==0{//在没有以前的记录时在div中显示数据 $append\u rain\u list.htmldata.html\u rain； $add_count.html； ifcountShow{ //$add_count.htmldata.count+data.record； } }否则{ //在视图中已记录显示时追加数据 $append\u rain\u list.appenddata.html\u rain； $append\u load\u btn.appenddata.btn\u html； $add_count.html； ifcountShow{ $add_count.htmldata.count+data.record； } } }, }; }

---

下面是根据您的代码隐藏“加载更多”按钮的代码

在第一个文件中替换此代码

<script type="text/javascript">
$(document).ready(function() {
  var chinp="<?php echo $chinp;?>";
  var srchco = 2;
  var offsrch = 0;
  var page_num = 0;

  $("#btnsch").click(function() {
    $.ajax({
      method: "POST",
      url: "search.php",
      data: { srchcoun: srchco, offsrch: offsrch ,chinp:chinp, page_num : page_num}
      })
      .done(function(msg) {
        if(msg == 'noMoreData'){
          $("#btnsch").hide();
        } else {
          $("#schts").append(msg);
        }
      });
      page_num = page_num + 1;
    offsrch = offsrch + srchco;
  });

  $("#btnsch").trigger("click");
});
</script>

现在将此代码添加到搜索文件中

<?php
$srchcoun=$_POST['srchcoun'];
$offsrch=$_POST['offsrch'];
$chinp=$_POST['chinp'];
$page_num=$_POST['page_num'];

$total_records = 0;
$totalschql="SELECT id FROM t_users WHERE name LIKE 'krishna' ORDER BY name ASC";
if ($result=mysqli_query($conn,$totalschql))
    {
        $total_records=mysqli_num_rows($result);
    }

$last_records_count = ($page_num) * $srchcoun;
if($last_records_count >= $total_records) {
    echo 'noMoreData';exit();
} else {

    $schql="SELECT id, name, lastname FROM t_users WHERE name LIKE '$chinp' ORDER BY name ASC limit $offsrch, $srchcoun";;
    $rsch=mysqli_query($conn,$schql);

    while ($rch=mysqli_fetch_assoc($rsch)){
         $scid=$rch['id'];$snm=$rch['name'];$slnm=$rch['lastname'];
?>
    <div class="alsu">
    <img class="sask" src="pic/<?php echo $scid;?>.png" alt="">
    <span class="snm">Name : <?php echo $snm." ".$slnm;?></span>
    </div>
    <?php }?>
    </div>
<?php
}
?>

---

试试这个，如果您有任何问题，请告诉我。

下面是根据您的代码隐藏“加载更多”按钮的代码

在第一个文件中替换此代码

<script type="text/javascript">
$(document).ready(function() {
  var chinp="<?php echo $chinp;?>";
  var srchco = 2;
  var offsrch = 0;
  var page_num = 0;

  $("#btnsch").click(function() {
    $.ajax({
      method: "POST",
      url: "search.php",
      data: { srchcoun: srchco, offsrch: offsrch ,chinp:chinp, page_num : page_num}
      })
      .done(function(msg) {
        if(msg == 'noMoreData'){
          $("#btnsch").hide();
        } else {
          $("#schts").append(msg);
        }
      });
      page_num = page_num + 1;
    offsrch = offsrch + srchco;
  });

  $("#btnsch").trigger("click");
});
</script>

现在将此代码添加到搜索文件中

<?php
$srchcoun=$_POST['srchcoun'];
$offsrch=$_POST['offsrch'];
$chinp=$_POST['chinp'];
$page_num=$_POST['page_num'];

$total_records = 0;
$totalschql="SELECT id FROM t_users WHERE name LIKE 'krishna' ORDER BY name ASC";
if ($result=mysqli_query($conn,$totalschql))
    {
        $total_records=mysqli_num_rows($result);
    }

$last_records_count = ($page_num) * $srchcoun;
if($last_records_count >= $total_records) {
    echo 'noMoreData';exit();
} else {

    $schql="SELECT id, name, lastname FROM t_users WHERE name LIKE '$chinp' ORDER BY name ASC limit $offsrch, $srchcoun";;
    $rsch=mysqli_query($conn,$schql);

    while ($rch=mysqli_fetch_assoc($rsch)){
         $scid=$rch['id'];$snm=$rch['name'];$slnm=$rch['lastname'];
?>
    <div class="alsu">
    <img class="sask" src="pic/<?php echo $scid;?>.png" alt="">
    <span class="snm">Name : <?php echo $snm." ".$slnm;?></span>
    </div>
    <?php }?>
    </div>
<?php
}
?>

---

试试这个，如果您有任何问题，请告诉我。

从数据库获取列表计数，在每个“加载更多”按钮中，将加载的内容与列表计数进行比较。在ajax成功时，通过比较总记录计数与每页记录的页码*来检查您的响应是否加载了所有数据，如果总记录数等于每页记录的页码*，则使用$'btnsch'隐藏按钮。隐藏@Yogendrasinh我不知道怎么做，根据你的代码，加载所有数据后，它会再次点击加载更多按钮隐藏按钮。单击search.php文件中的LoadMore，首先通过一个sql查询对所有记录进行计数。从t_用户中选择COUNTid；将此计数值存储在一个变量中。现在，如果offrch-1*srchco=$total_records{echo'noMoreData'；}或者{在这里执行while循环代码}在ajax响应中更改如下。ifmsg=='noMoreData'{$'btnsch'.hide；}否则{$schts.appendmsg；}希望这会对您有所帮助。从数据库获取列表的计数，在每个“加载更多”按钮中，将加载的内容与列表的计数进行比较。在ajax成功时

---

ss通过比较总记录计数与每页记录的页码*来检查您的响应是否加载了所有数据，如果总记录等于每页记录的页码*则使用$'btnsch'隐藏按钮隐藏@Yogendrasinh我不知道怎么做，根据你的代码，加载所有数据后，它会再次点击加载更多按钮隐藏按钮。单击search.php文件中的LoadMore，首先通过一个sql查询对所有记录进行计数。从t_用户中选择COUNTid；将此计数值存储在一个变量中。现在，如果offrch-1*srchco=$total_records{echo'noMoreData'；}或者{在这里执行while循环代码}在ajax响应中更改如下。ifmsg=='noMoreData'{$'btnsch'.hide；}否则{$schts.appendmsg；}希望这对您有帮助。这是什么！？加载更多分页这是什么！？加载更多分页我尝试一下，但当我更改var srchco=1时，它会工作；至var srchco=2；它不起作用，谢谢。但当我首先单击“搜索”按钮时，除了“加载更多”按钮外，不会显示任何内容，当我单击它时，会显示前两个重新搜索替换此行$$btnsch.triggerclick；使用此行$btnsch.triggerclick；。我尝试了这个方法，但当我改变var srchco=1时，它就起作用了；至var srchco=2；它不起作用，谢谢。但当我首先单击“搜索”按钮时，除了“加载更多”按钮外，不会显示任何内容，当我单击它时，会显示前两个重新搜索替换此行$$btnsch.triggerclick；使用此行$btnsch.triggerclick；。