问单击顶部的显示更多按钮，将以前的聊天记录附加到当前列表

EN

var loadCount = 0;
self.userDetails = function() {
  $('#loading-image').show();
  var size = loadCount * 4
  var UserModel = {
    UserID: userID,
    PageSize: size
  }
  self.getData =
    jQuery.support.cors = true;
  $.ajax({
    type: "POST",
    dataType: "json",
    url: serverUrl + 'api/XXXX/XXXXXX',
    data: UserModel,
    success: function(data) {
      console.log(data);
      if (data === null || data.length === 0) {
        $("#LoadMore").hide();
      } else {

        var mappedData = $.map(data, function(item) {
          return new UserModel(item);
        });
        // With this LoadMore button at bottom of the list, I am able to get previous data below the current list.

        self.UserPostdata(self.UserPostdata().concat(mappedData));

        $("#LoadMore").show();
        loadCount = loadCount + 1;

      }
    },

    complete: function() {
      $('#loading-image').hide();
    },
  });
}

public dynamic getUserDetails(string UserID, int Size)
{
    List<UserDetails> userDetails = new List<UserDetails>();

    //In usersDetails, I am getting all the data from Database.

    if (userDetails != null)
    {
        userDetails = userDetails.OrderByDescending(x => x.createdAt).Skip(Size).Take(4).ToList();
    }

    return userDetails;
}