Ajax 如何通过点击按钮获得更多结果？

我想询问一下，当我点击“显示更多”按钮时，如何获得更多结果，而无需加载页面，也无需重复相同的结果

例如，我有一个来自数据库的结果集，假设它有10个结果。在它们下面，我有一个名为“显示更多”的按钮。当我点击它时，我会看到另外10个结果，以此类推

这里还有一张图片：

我的看法是：

@model SmartBookLibrary.ViewModel.UserVm

<table class="table table-striped table-bordered table-advance table-hover">
  <thead>
    <tr>
      <th>
        <i class="fa fa-image"></i> Image
      </th>
      <th class="hidden-xs">
        <i class="fa fa-book"></i> Book Name
      </th>
      <th class="hidden-xs">
        <i class="fa fa-eye"></i> Views
      </th>
      <th> </th>
    </tr>
  </thead>
  <tbody>
    @foreach (var item in Model.ReadLaters)
    {
    <tr>
      <td>
        <img class="img-thumbnail circle" src="~/Images/@item.Book.Book_Image" style="width:75px;height:75px" />
      </td>
      <td class="hidden-xs">
        <h4><b>@item.Book.Book_name</b></h4>
      </td>
      <td>
        700
        <span class="label label-success label-sm"> Views </span>
      </td>
      <td>
        <a class="btn btn-sm grey-salsa btn-outline" href="~/book/@item.Book_Id/@item.Book.UrlSlug"> View </a>
      </td>
    </tr>
    }
  </tbody>
</table>
<input type="submit" class="btn green-sharp btn-outline btn-block sbold uppercase" value="Load More">

---

那么，我如何使用ajax或其他技术来实现这一点呢？谢谢

你的问题太宽泛了。到目前为止你做了什么？这可能会帮助你：实际上这正是我想要的，谢谢：）

[HttpGet]
public ActionResult Index()
{                
    //Get current user id to check 
    var x = User.Identity.GetUserId();

    var vm = new UserVm();

    //ReadLater Books
    var ReadLaterBooks = db.ReadLaters.Where(p => p.User_Id == x).ToList();
    var ReadLaterBooksResult = ReadLaterBooks.Take(5).ToList();
    if (ReadLaterBooks != null)
    {
        vm.ReadLaters = ReadLaterBooksResult;
    }

    return View(vm);
}