关于如何防止用户单击保存按钮后（通过onbeforeunload）关闭浏览器窗口的建议？

Question

I've found numerous solutions on how to prompt the user about closing a window down before the data is saved but in my scenario, this one page is saving a lot of data and is slow (takes about 30 seconds) and this is AFTER the save button is clicked. What we are finding is that the user is clicking the save button and then navigating or leaving AFTER clicking save. Depending on the browser, whatever has been sent to the server isn't necessarily saved (looking at you Chrome).

I opted to use this solution and almost does what I need except even when I click the save button, I'm still prompted to save the changes since I'm leaving the page. Its like I need to turn off the prompt and then turn it back on after some delay. Is this even possible?

    window.onbeforeunload = function() {
        if ( Flag == 'Y' ) {
            return "Changes made. Don't want to save?";                         
        }
    }

Answer 1

Why don't you try a "save as you go" approach?... You can send small quick requests as the user progress in the whatever data input mechanism you have, and store that on a temporary file on your server, so when the user hits the "save" button or closes the browser window you only send a tiny request, quick enough to allow a safe browser disconnection. The server then just reads the temporary file and processes it as if it was send by the user in a single operation. May not be easy, but you'll get rid of quite a few headaches.