Sending a request back to server in onbeforeunload event
Question
When a user edits a record in my application I track that they have it 'locked' to prevent another user from editing it until the first user closed the window (or saves).
I'm trying to send the request back to the server to unlock the record but it's not working in Firefox. The onbeforeunload event is called in script but it's not sending back the request to the server. Any ideas?
<body>
<script>
window.onbeforeunload = function (e) {
doUnlock();
}
function doUnlock() {
if (navigator.appName == 'Microsoft Internet Explorer') {
// works in IE (with an IFRAME)
utilFrame.location.href = "/unlock.do?recordId=" + recordId;
} else if (navigator.appName == 'Netscape') {
// None of this works....
//window.location.href = "/unlock.do?recordId=" + recordId;
var req = newXMLHttpRequest();
req.open("GET", "/unlock.do?recordId=" + recordId, true);
req.send();
} else {
// Works for chrome
window.open("/unlock.do?recordId=" + recordId);
}
}
</script>
2 answers
solution1
3 ACCPTED 2012-02-19 16:45:56
Add a space between new and XMLHttpRequest .
On page unload, any pending (AJAX) requests are * cancelled . If you have to send an AJAX request to the server on unload, use a synchronous request ( not recommended!!! ):
var req = new XMLHttpRequest();
req.open("GET", "/unlock.do?recordId=" + recordId, false); // false
req.send();
I do not recommend the synchronous request, because the user interface blocks until the request has finished. That's not very user-friendly.
solution2
2 2012-02-19 16:55:01
You should look into using a time based lock. When a user starts editing a record lock it with a timestamp. Every 30 seconds send a ping from the user that the record should still be locked. If there is no ping for 60 seconds unlock the record.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.