HTML 페이지 매김은 링크 나 스크립트없이 어떻게 작동합니까?

Question

는 다음 링크를 고려하십시오

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

"페이지 당보기 (100)는"링크 URL을 변경하지 않습니다 않으며는 온 클릭() 속성을 가지고 않습니다, 아직 페이지를 다시로드에 표시 않는다 100 항목. 어떤 변수가 여기에서 변경되었으며 어떻게 저장됩니까? 링크를 클릭하거나 다시로드 할 필요없이 100 개의 항목이있는 페이지의 HTML을 직접 가져올 수 있습니까? 또는 프로그래밍 방식으로 100 개 항목으로 페이지를 가져 옵니까? (예 : Python)

Answer 1

하나의 대답은 Ajax 및 이벤트 시스템 un Javascript입니다.

당신은

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

이는 을 시작합니다 (JQuery와을 로 예)

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

같은 하나 개의 HTML 항목이 자바 스크립트에서에 "클릭"이벤트을 추가 할 수 있습니다 function_but1_click()은 사용자가 HTML 버튼을 클릭 할 때 작동합니다.

그 후, 당신은 당신의 새를 표시합니다 draw_my_items()를 구현 다음 페이지로 (jQuery로 예)

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

을 더 많은 데이터를 가지고 Ajax 요청을 수행하고 기능이 기능을 요청할 수 있습니다 항목을 선택하십시오. 내용은이 동적으로로드

Answer 2

, 이러한 기능의 예는 링크를 추가하거나 온 클릭 할 필요가 없습니다 jQuery를 아약스 http://api.jquery.com/jquery.ajax/

입니다. 이벤트 핸들러를 html 태그/클래스/ID에 바인드 할 수 있습니다. https://api.jquery.com/click/

서버 측, 세션 측에서 스토리지 문제가 발생한다고 생각합니다. 왜냐하면 나는 관련 쿠키를 찾을 수 없었기 때문입니다.

행운을 빈다.