如果没有链接或脚本,HTML分页如何工作?

时间:2016-06-07 13:38:12

标签: javascript python html

请考虑以下链接:

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

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

2 个答案:

答案 0 :(得分:0)

一个答案是Ajax和Event系统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()功能,在屏幕上显示新项目。

答案 1 :(得分:0)

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

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

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

祝你好运!