Home/ Questions/Q 320261
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T08:44:14+00:00

I want to reload a page so that it does not cause the effects

  • 0

I want to reload a page so that it does not cause the effects of a full-page refresh, like displaying “Loading…” on the page’s tab.

Here’s the code I have so far. My theory was that I could overwrite the body section with a <frame>-wrapped version of the updated site, gotten via GM_xmlhttpRequest.

reloader.js

setInterval(reload, 10000);

function reload() {
    GM_xmlhttpRequest({method: 'GET',
            url: location.href,
            onload: function(responseDetails) {
                document.body.innerHTML =
                                '<frame>\n'
                                + responseDetails.responseText
                                + '</frame>\n';
            }});
}

When testing with Firebug on stackoverflow.com, I found that this script updates the body as if I had performed a full-page refresh, without the side effects. Yay! Mysteriously, the <frame> tags are nowhere to be found.

Questions

What I have right now does a good job of reloading the page, but I have two questions:

  1. How do I stay logged in after a reload? Specifically, what do I need to do to keep me logged in to Stack Overflow?
  2. Can someone explain why my script works? Why are there no <frame> tags within the body?

Updates

I’ve incorporated elements from Cleiton, Havenard, and Henrik’s answers so far. I tried sending cookies via the header: { 'Cookie': document.cookie } entry in the data sent through GM_xmlhttpRequest. This sent some, but not all of the cookies. It turns out that if I turn on third party cookies in the Firefox then I’ll get the necessary extra cookies (.ASPXAUTH, ASP.NET_SessionId, and user), but this is a bad idea.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    document.body.innerHTML =
        responseDetails.responseText.match(/<body>([\s\S]*)<\/body>/i)[1];

    Update: For <body> with properties:

    document.body.innerHTML =
        responseDetails.responseText.match(/<body[^>]*>([\s\S]*)<\/body>/i)[1];
    • 0