In Javascript I can redirect and preserve the query string and fragment ID like this:
window.location = "NEW_LOCATION" + window.location.search + window.location.hash;
For sites without Javascript you can use the http-equiv meta header. But this drops the query string and fragment ID:
<head>
<meta http-equiv="Refresh" content="300; url=NEW_LOCATION" />
</head>
Is there a way to do the equivalent using http-equiv="refresh" that preserves the query string and fragment ID?
In Javascript I can redirect and preserve the query string and fragment ID like this:
window.location = "NEW_LOCATION" + window.location.search + window.location.hash;
For sites without Javascript you can use the http-equiv meta header. But this drops the query string and fragment ID:
<head>
<meta http-equiv="Refresh" content="300; url=NEW_LOCATION" />
</head>
Is there a way to do the equivalent using http-equiv="refresh" that preserves the query string and fragment ID?
Share Improve this question asked Feb 15, 2012 at 21:12 kanakakanaka 73.3k23 gold badges147 silver badges143 bronze badges 2- Append the query string and fragment to NEW_LOCATION? NEW_LOCATION#fragment?querystring – Frederik Wordenskjold Commented Feb 15, 2012 at 21:15
- 1 @Frederik, I don't know what they are before hand. The user can set them and I want them to carry across to the new location. – kanaka Commented Feb 15, 2012 at 23:00
3 Answers
Reset to default 10You could use JavaScript to update the meta tag with the query string and hash.
Update A better approach for IE8+ would be a noscript tag and a JavaScript powered redirect. Add the redirect as data-destination attribute on the html element so the script can grab it easily.
<!DOCTYPE html>
<html data-destination="http://stackoverflow.">
<head>
<noscript><meta id="redirect" http-equiv="refresh" content="0; url=http://stackoverflow."></noscript>
</head>
<body>
This page has moved. Redirecting...
<!-- Redirect in JavaScript with meta refresh fallback above in noscript -->
<script>
var destination = document.documentElement.getAttribute('data-destination');
window.location.href = destination + (window.location.search || '') + (window.location.hash || '');
</script>
</body>
</html>Not without a server-side scripting language which puts the proper url in the HTML tag (or sends a Refresh header directly).
I am using the following Script (after the Form, but before end of body). Required URL ("hidAutoURL") is stored in a hidden variable first (from the server side).
document.write is used to update the meta.
<BODY>
<FORM>
</FORM>
<script>
function getAutoURL()
{
var url = document.getElementById('hidAutoURL').value;
return url;
}
//Update META for auto-refresh
var configuredTime = document.getElementById('hidRefrTime').value;
var content = configuredTime + ';url=' + getAutoURL('url');
document.write('<meta http-equiv="refresh" content="'+content + '"/>');
</script>
</BODY>
References
- What is the correct way to write HTML using Javascript?
- Changing the content of meta refresh does not change refreshing time
- Using document.write