How to properly set up content loading in ajax filter?

Question

AJAX

Hello!

Please tell me, I ran into a problem with the ajax filter on the page.

For example, on the page there is a block with a filter, clicking on some checkbox sends a request to the server and the server returns an html code piece of the product list. This html is respectively inserted into the content of the page. There are no problems with this, everything works.

The problem appears when if you leave the tab (do not close the site) and do not go to it for a long time, then how to go to it on the page is shown just the html response from the server in its raw form,



how is it possible? Has anyone experienced this?

By the way, if it's important, when I change the filter, the url changes

if ('URLSearchParams' in window) {
            if(Object.keys(arr).length > 0) {
                var newRelativePathQuery = _form.data('url') + '?' + $.param(arr);
            } else {
                var newRelativePathQuery = _form.data('url');
            }
            history.pushState(null, '', newRelativePathQuery);
        }