Stop infinite page reloading using jquery snippet in ajax site

Question

0.00/5 (No votes)

See more:

Hello,

Hoping someone can provide some help.

I am using Wordpress along with an ajax theme and I am also using an ajax search plugin.

In order to stop the page being reloaded and continue to use ajax when clicking a search result in the ajax search I have been provided with the following code:

JavaScript

    let dom_observer = new MutationObserver(function(mutation) {
    if ( typeof Pjax != 'undefined' ) {
        let newContent = document.querySelector(".asl_r");
        let pjax = new Pjax({
                   cacheBust: false,
                   elements: "a", // default is "a[href], form[action]"
                   selectors: ["title", "#header nav", "#aside", "#footer", "#content"] 
                });
        pjax.refresh(newContent);
        jQuery('.asl_r .item').off('click.body').one('click.body', function(){
            document.body.click();
        });
    }
});
let container = document.documentElement || document.body,
    config = { attributes: false, childList: true, subtree: true, characterData: false };
dom_observer.observe(container, config);

This works fine, but I have an issue where if you navigate to a page and then hit the back button in a browser the previous page will load but will start to infinitely reload, without this code I can navigate back fine.

Thanks

What I have tried:

I have tried removing cacheBust but this does not help, if someone with knowledge of js/ajax could provide any advice it would be much appreciated.

Posted 1-Jun-22 5:06am

Member 11919685

Updated 7-Jun-22 1:56am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 11919685 · Answer 1 · 2022-06-07T01:56:00

Solution 2

Nothing. I have given up on this for now :)

Posted 7-Jun-22 1:56am

Member 11919685

Comments

Richard Deeming 7-Jun-22 9:23am

This is not a "solution" to your question. I suggest you delete it if you want to avoid attracting down-votes.

raddevus · Answer 2 · 2022-06-01T07:14:00

Solution 1

Try this...

JavaScript

<script>
    function preventBack() {
        window.history.forward();
    }

    setTimeout("preventBack()", 0);
    window.onunload = function() {
        null
    };
</script>

answer found here...
How to disable the back button in the browser using JavaScript - Stack Overflow[^]

Posted 1-Jun-22 7:14am

raddevus

Comments

Member 11919685 2-Jun-22 10:47am

Hi,

Thank you very much, I am trying to keep the back button function if possible though.
Disabling it would be a last resort.