javascript - MVC : How to pass back next page url in the html to the client?

Question

我们有无限滚动页面，我们从 MVC Controller 服务器端获取 html，即

<li> ... </li>
<li> ... </li>
<li> ... </li>
<li> ... </li>

我们需要将下一页 URL 发送回 JavaScript 客户端，以便用户滚动到底部时，它可以向服务器发出请求以获取下一组列表。

我们在服务器上有下一页网址。 JS 客户端需要点击此 URL 才能获取下一组列表。

我不知道如何将下一页网址从服务器发送到客户端。一种方法是将下一页 url 绑定(bind)到最后一个 <li>...</li> 内。标记并从最后一个 <li>...</li> 读取它在客户端上标记。

有没有更好的方法来解决这个问题？

Answer 1

我不太确定您的请求的响应当前是什么样子，但如果可能的话，我会从服务器重组您的响应的有效负载，如下所示:

{
  nextPage: 'someUrl',
  data: '<li>...</li>'
}

这样您就不必将 URL 隐藏到标记中，并且您的 View 和 Controller 逻辑保持分离:)