php – ajax加载更多不同数据的按钮

我在加载更多按钮上使用ajax但问题是每当我点击加载更多按钮时我每次从content.PHP获取相同的数据,其中包含从表中获取数据的mysql查询.

如何根据最初存在十行的表中的id获取不同的数据,当我单击“加载更多”按钮时,接下来的10行应该附加已存在的数据.

数据被追加,但它始终是相同的数据.
我还有与load more按钮相关联的data-id,该按钮是与最初存在的元素的最后一个元素相关联的id.

var collegename=$(this).attr("value");  
var contentid=$(this).attr("data-id"); 

$.ajax({
    type: "post",url: "content.PHP",data: 'contentid='+contentid+'&collegename='+collegename,dataType: "text",success: function(response) {
        var $loaderImg =  $(this).parent().find(".loadingdata").hide();
        $content.html(response).prepend($loaderImg);
     }
});

//content.PHP

$collegename     = isset($_POST["collegename"]) ? $_POST["collegename"] : 0;
$query= "SELECT * FROM ".$collegename." ORDER BY rand() ";

最佳答案

有很多可能的方法可以做到这一点.其中一个是：
您可以在主页面传递中定义计数器ajax调用变量,使用ajax绑定并基于它获取结果,如：

var countAjaxHit = 0 ; 
$.ajax({
    type: "post",data: 'contentid='+contentid+'&collegename='+collegename+'&countAjaxHit='+countAjaxHit,success: function(response) {
        var $loaderImg =  $(this).parent().find(".loadingdata").hide();
        $content.html(response).prepend($loaderImg);
    countAjaxHit = countAjaxHit + 1;
     }
});

//content.PHP

$collegename     = isset($_POST["collegename"]) ? $_POST["collegename"] : 0;
$countAjaxHit     = isset($_POST["countAjaxHit"]) ? $_POST["countAjaxHit"] : 0;
if($countAjaxHit==0)
{
    $countAjaxHit++;
}
else
{
    $countAjaxHit=$countAjaxHit+10;
}
$query= "SELECT * FROM ".$collegename." WHERE 1=1 LIMIT ".$countAjaxHit.",10";

虽然您可以在获取数据时将ajax方法从POST更改为GET.

原文地址：https://www.jb51.cc/jquery/428358.html