Ajax – Chrome displays ajax response when pressing back button

ajaxback-buttongoogle-chrome

I've come across a problem that if I use jQuery's Get method to get some content, if I click back, instead of it actually going back one page in the history, it instead shows the content returned by the Ajax query.

Any idea's?

http://www.dameallans.co.uk/preview/allanian-society/news/56/Allanian-test

On the above page, if you use the pagination below the list of comments you will notice when clicking back after changing a page, that it shows the HTML content used to generate the list of comments.

I've noticed it doesn't always do it, but if you click on a different page a few times and click the back button, it simply displays json text within the window instead of the website.

For some reason, this is only affecting Chrome as IE and Firefox work ok.

Best Answer

Make sure your AJAX requests use a different URL from the full HTML documents. Chrome caches the most recent request even if it is just a partial.

https://code.google.com/p/chromium/issues/detail?id=108425

Related Solutions

C# – Safari and Chrome modifying form data on back button

We had a similar issue with form data being "restored" by Webkit, even though the page state changed in the mean time.

Similar post Safari and Chrome back button changes hidden and submit values in forms gave a good hint that worked for us. By adding autocomplete="off" to all forms on the page we could solve this.

Java – Clicking the back button twice to exit an activity

In Java Activity:

boolean doubleBackToExitPressedOnce = false;

@Override
public void onBackPressed() {
    if (doubleBackToExitPressedOnce) {
        super.onBackPressed();
        return;
    }
        
    this.doubleBackToExitPressedOnce = true;
    Toast.makeText(this, "Please click BACK again to exit", Toast.LENGTH_SHORT).show();
        
    new Handler(Looper.getMainLooper()).postDelayed(new Runnable() {
        
        @Override
        public void run() {
            doubleBackToExitPressedOnce=false;                       
        }
    }, 2000);
}

In Kotlin Activity:

private var doubleBackToExitPressedOnce = false
override fun onBackPressed() {
        if (doubleBackToExitPressedOnce) {
            super.onBackPressed()
            return
        }

        this.doubleBackToExitPressedOnce = true
        Toast.makeText(this, "Please click BACK again to exit", Toast.LENGTH_SHORT).show()

        Handler(Looper.getMainLooper()).postDelayed(Runnable { doubleBackToExitPressedOnce = false }, 2000)
    }

I Think this handler helps to reset the variable after 2 second.

Best Answer

Related Solutions

C# – Safari and Chrome modifying form data on back button

Java – Clicking the back button twice to exit an activity

Related Topic