如何检查Jquery Ajax调用加载更多帖子功能的响应

Question

我正在尝试构建一个“加载更多”帖子功能，其中通过 jquery 发出请求并添加更多帖子。基本上我正在使用这段代码：

function loadMore(pageNo) {
  var url = '/users?page=';
  $.get(url + pageNo, function(response) {
    $("#users").append(response);
  });
}

$(document).ready(function() {
  var currPage = 1;
  $("a.next").click(function() {
  loadMore(++currPage);
  });
});

一切都很完美，但我遇到的麻烦是如果没有更多的帖子要加载，则处理响应。

基本上，我需要检查响应，如果为空，则执行一些操作，例如隐藏加载更多链接，我知道该怎么做。我只需要帮助检查回复。我想象了一些类似的事情（一些伪代码），但无法弄清楚。没有jquery大师:(

function loadMore(pageNo) {
  var url = '/users?page=';
  $.get(url + pageNo, function(response) {
    if response not blank
      $("#users").append(response);
    else
      hide anchor or change text to "No More Posts"
    end
  });
}

即使没有更多的帖子，我的服务器也以200代码响应，如果没有更多的帖子要加载，我是否应该让服务器做出不同的响应？我想我只是不知道正确的处理没有更多帖子可加载的情况的方法，现在什么也没有发生，并且我的应用程序没有向用户提供任何类型的反馈，表明他们已加载所有可用的帖子

！

Answer 1

function loadMore(pageNo) {
  var url = '/users?page=';
  $.get(url + pageNo, function(response) {
    if (response == "") {
        $("a.next").hide();
    }
    else {
        $("#users").append(response);
    }
  });
}

Answer 2

有几种方法可以解决此问题，但 sudo 代码中的内容是正确的。根据您的“响应”的格式，您可以检查响应值。如果它只是纯文本或 html，您只需对照空字符串进行检查即可。

我个人会从服务器返回一个带有两个值的 JSON 对象，一个 has_more 标志和一个 data 标志，然后您可以像这样检查响应，

if(response.have_more)
{
    $("users").append(response.data);
}
else
{
    //hide more link
}

您可以使用类似以下内容在服务器上的 php 中构建 JSON 数组：

<?php
$query_results = getPosts(offset, amount);
if(count($query_results) > 0)
{
    $json['data'] = $query_results;
    $json['have_more'] = true;
}
else
{
    $json['have_more'] = false;
}
echo json_encode($json);

使用 JSON 对象这里可能看起来有点矫枉过正，但它是很好的做法，特别是如果您决定将来返回一些额外的数据。