PHP ajax加载结果并排序分页

Question

我有这个工作脚本来通过 Ajax 自动加载和分页结果来获取成员列表。

AJAX:

$(document).ready(function() {
 $("#results").load("get_result.php"); 
  $("#results").on("click",".paginations a", function (e){
    e.preventDefault();
    var page = $(this).attr("data-page");
    $("#results").load("get_result.php",{"page":page}, function(){ 
    });
  });
});

输出:

<div class="col-md-2">
  <h1>Name</h1>
  <p>Age</p>
  <p>City</p>
  <p>ID</p>
</div> 

现在，我需要在相同的代码中添加 - sorting by - 选项:

<ul>
  <li><button onclick="sortby(age)">Age</button></li>
  <li><button onclick="sortby(name)">Name</button></li>
  <li><button onclick="sortby(city)">City</button></li>
  .....
</ul>

我尝试使用我的 AJAX 知识 - 低:)- 使用下面的代码，并且默认情况下它工作正常(结果和分页)，没有排序。

$(document).ready(function() {
  var sortby="";
  $("#results").load("get_result.php",{"sortby":sortby}); 
  $("#results").on("click",".paginations a", function (e){
    e.preventDefault();
    var page=$(this).attr("data-page");
    $("#results").load("get_result.php",{"sortby":sortby,"page":page}, function(){ 
    });
  });
});

PHP: - PHP 完全没有问题。

if(isset($_POST)){
  if ($_POST['sortby']){
    $sql=$db->query("SELECT * FROM members WHERE city=? ORDER BY city DESC");
    ............
  } else {
    $sql=$db->query("SELECT * FROM members ORDER by id");
    ............
  }
}

那么，我如何将 sortBy 值传递/调用到 ajax 内部？

Answer 1

您可以在 ajax url 上传递 sortby，例如 $("#results").load("get_result.php?sortby=name") 并在服务器端获取该参数