HTML 分页如何在没有链接或脚本的情况下工作？答案

【问题标题】：How does HTML pagination work without a link or script?HTML 分页如何在没有链接或脚本的情况下工作？
【发布时间】：2016-06-07 13:38:12
【问题描述】：

考虑以下链接：

https://www.officeworks.com.au/shop/officeworks/c/technology/monitors-digital-signage/27--monitors

“每页查看 100 个”链接不会更改 url，也没有 onclick() 属性，但它会重新加载页面并最多显示 100 个项目。什么变量在这里发生了变化，它是如何存储的？是否可以直接获取100个项目的页面的HTML，而无需点击链接或重新加载？或者以编程方式获取包含 100 个项目的页面？（例如在 Python 中）

【问题讨论】：

仅仅因为它在 HTML 中没有 onclick 属性并不意味着没有分配给该操作的事件处理程序。
您可以使用浏览器的开发者工具查看正在发出的 Ajax 请求。

标签： javascript python html

【解决方案1】：

一个答案是 Ajax 和事件系统 un Javascript。

您可以拥有一个 HTML 项目，例如

<button id="but1">Show 100 items</button>

并通过 Javascript 在其上添加 “点击”事件（以 JQuery 为例）

$("#but1").click(function_but1_click);

这将在用户单击 HTML 按钮时启动 function_but1_click() 函数。

之后，您可以要求此函数执行 Ajax 请求以将更多数据带到页面（以 JQuery 为例）

function_but1_click()
{
    $.get('myDataLoader.php',function(data){
        items = JSON.parse(data)
        draw_my_items(items)
    });
}

然后实现 draw_my_items() 函数在屏幕上显示你的新项目。

【讨论】：

【解决方案2】：

内容是动态加载的，这种特性的一个例子是 jQuery Ajax http://api.jquery.com/jquery.ajax/

无需添加链接或点击。您可以将事件处理程序绑定到 html 标签/类/ID ... https://api.jquery.com/click/

我认为存储发生在服务器端，会话端。因为我找不到相关的 cookie。

祝你好运！

【讨论】：