在我的项目中,我有无限滚动并从服务器端获取使用MVC的html列表。我想通过列出html传递下一页url,以便当用户到达最后时,java脚本可以获取下一页url值并向服务器发出请求以进行下一次列表。
我有两个想法。
1)在页面列表末尾或列表的最后一个li处使用div标签,将自定义属性值设置为下一页url,并在需要时使用id或class从div或li标签获取。
List.cshtml文件包含
<li>.....</li>
<li>.....</li>
<li>.....</li>
.
.
<li>.....</li>
<div id="nextUrl" nextUrl="@Model.NextUrl">
JS文件包含
var path=$("#nextUrl").attr("nextUrl");
$.ajax({
url: path,
cache: false,
success: function (html) { $("li:last").after(html); }
2)在列表末尾使用脚本标签,然后声明变量(全局)并为其分配下一页网址,并在需要时获取。
List.cshtml包含
<li>.....</li>
<li>.....</li>
<li>.....</li>
.
.
<li>.....</li>
<script>path="@Model.NextUrl"</script>
JS文件包含
$.ajax({
url: path,
cache: false,
success: function (html) { $("li:last").after(html); }
我不知道哪个更好或者有其他方法可以解决吗?(我还希望页面加载下一页网址)