首頁猿問獲取所有數(shù)據(jù)后使加載更多按鈕消失

獲取所有數(shù)據(jù)后使加載更多按鈕消失

PHP

阿波羅的戰(zhàn)車 2023-05-26 09:27:59

我的代碼工作正常，單擊加載更多按鈕時(shí)它會(huì)顯示更多用戶。我現(xiàn)在的限制是如果響應(yīng)沒有更多價(jià)值，如何刪除加載更多按鈕。這就是我的模型的樣子 public function getFreeAds($page){ $offset = 10*$page; $limit = 10; $this->db->select('*'); $this->db->from('escort'); $this->db->where('status', 'Approved'); $this->db->limit($offset ,$limit); $this->db->order_by("time_stamp, UPPER(time_stamp)", "DESC"); $query = $this->db->get(); return $query->result(); }我的控制器看起來像這樣 public function getCountry(){ $page = $_GET['page']; $countries = $this->Home_model->getCountry($page); foreach($countries as $country){ echo '<div class="col-md-4 col-sm-6"> <div class="portfolio-item"> <div class="thumb"> <a ><div class="hover-effect" data-e_id="'.$country->e_id.'" id="profile2"> <div class="hover-content"> <h1> '.$country->ProfileName.'</em></h1> <p> '.$country->Height.' CM tall '.$country->BreastCup.' Breast Size <b>Nationality: '.$country->Nationality.' </b></p> <button type="button" class="btn-info">View More</button> <button type="button" class="'.$country->confirmstatus.'">'.$country->confirmstatus.'</button> <div class="top"> </div> </div> </div></a> <div class="image" width="70%" height="1000px"> <img src="uploads/'.$country->ProfilePicture.'"> </div> </div> </div> </div>'; } exit; }這是我顯示響應(yīng)的查詢代碼。$(document).ready(function(){ getcountry(0); $("#load_more").click(function(e){ e.preventDefault(); var page = $(this).data('val'); getcountry(page); }); });

查看完整描述

2 回答

吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

你可以做的是在同一個(gè)函數(shù)中獲取下一個(gè)值，如果有可用的值，你可以創(chuàng)建一個(gè)輸入字段（隱藏），然后根據(jù)它的值顯示或隱藏按鈕。

我正在為您的案例編寫一個(gè)可能的解決方案，必要時(shí)會(huì)提到評(píng)論。請(qǐng)記住，有更好的方法可以做到這一點(diǎn)，例如使用計(jì)數(shù)，但這是根據(jù)您的代碼?？纯此欠駥?duì)你有幫助。

控制器

public function getCountry(){

$page = $_GET['page'];

$countries = $this->Home_model->getCountry($page);

$nextValue = $this->Home_model->getCountry($page+1); // get the values for the next page

$showButton = !empty($nextValue) ? 'yes' : 'no'; // show the button if next value exists

foreach($countries as $country){

echo

'<div class="col-md-4 col-sm-6">

<a ><div class="hover-effect" data-e_id="'.$country->e_id.'" id="profile2">

<h1> '.$country->ProfileName.'</em></h1>

<p> '.$country->Height.' CM tall '.$country->BreastCup.' Breast Size <b>Nationality: '.$country->Nationality.' </b></p>

<button type="button" class="'.$country->confirmstatus.'">'.$country->confirmstatus.'</button>

</div>

</div></a>

<img src="uploads/'.$country->ProfilePicture.'">

</div>

</div>';

}

exit;

}

看法

var getcountry = function(page){

$("#loader").show();

$.ajax({

url:"<?php echo base_url() ?>Home/getCountry",

type:'GET',

data: {page:page}

}).done(function(response){

$("#show_data").append(response);

$("#loader").hide();

$('#load_more').data('val', ($('#load_more').data('val')+1));

// check the value of input field

if($('.showButton:last').val() == "no"){

$('#load_more').hide(); // hide the button

}

scroll();

});

};

反對(duì) 回復(fù) 2023-05-26

米脂

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊

使用總頁數(shù)添加到您的響應(yīng)元數(shù)據(jù)。在每個(gè)請(qǐng)求期間，使用相同的子句對(duì)您的數(shù)據(jù)庫進(jìn)行計(jì)數(shù)查詢。在每次請(qǐng)求后的 JS 代碼中，將當(dāng)前頁面與響應(yīng)中的總頁數(shù)進(jìn)行比較，如果到達(dá)最后一頁，則隱藏按鈕。

反對(duì) 回復(fù) 2023-05-26