// Get the anchor tag element
const anchorTag = document.querySelector('.morelink');
// Add a scroll event listener to the window object
window.addEventListener('scroll', () => {
// Check if the user has scrolled to the bottom of the page
if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
// Fetch the content from the URL stored in the anchor tag's href attribute
const xhr = new XMLHttpRequest();
xhr.open('GET', anchorTag.href, true);
xhr.onload = () => {
// Append the fetched content to the page
const div = document.createElement('div');
div.innerHTML = xhr.responseText;
document.body.appendChild(div);
};
xhr.send();
}
});
Did you test this? Because CORS aside, that sure does look like it will append the whole of page 2 to the body of page 1 and get progressively worse as one reaches the pagination of page 2. It would be more code (and memory pressure) but I believe the correct impl of any such trickery would be to reach into the actual table of page 2 and jam that into the body of page 1