saving variable value and retrieve it after page refresh

Question

I have a string value saved in to a variable, my webpage auto reloads after a certain process.. I need to know if I can get the value stored in that variable even after page refresh?

Im refreshing my web page using javascript code window.location.reload()

If not will it work if I take to server side script like php?

Mitya · Accepted Answer · 2021-06-18T13:12:51.260

7

JavaScript:

localStorage (HTML5 browsers only) - you could save it as a property of the page's local storage allowance
save it in a cookie
append the variable to the URL hash so it's retrievable via location.hash after the refresh

PHP

save it as a session variable and retrieve it over AJAX each time the page loads
save it in a cookie (might as well do the JS approach if you're going to cookie it)

Any PHP approach would be clunky as you'd have to first send the value of the variable to a PHP script over AJAX, then retrieve it over AJAX after reload.

edited Jun 18 '21 at 13:12

answered Jul 31 '12 at 13:03

Mitya

33,629
9
60
107

html5 browsers in the sense my browsers are uptodate..so it should work, right? – Da Silva Jul 31 '12 at 13:06
In that case `localStorage` is definitely the way to go. – Mitya Jul 31 '12 at 13:08
one more thing.. how do I clear the localstorage value?? – Da Silva Jul 31 '12 at 13:19
set: `localStorage.setProperty()`; remove: `localStorage.removeProperty()` – Mitya Jul 31 '12 at 13:27

score 6 · Answer 2 · answered Jul 31 '12 at 13:01

6

You can store this as a $_SESSION variable.

session_start();

$myVar = null;

// some code here

if (!isset($_SESSION['myVar'])) {
    $_SESSION['myVar'] = "whatever";
} else {
    $myVar = $_SESSION['myVar'];
}

answered Jul 31 '12 at 13:01

Matt

6,993
4
29
50

score 0 · Answer 3 · answered Jul 31 '12 at 13:01

0

You will have to persist this variable in a Cookie/Webstorage/Session. Web pages are stateless.

answered Jul 31 '12 at 13:01

madflow

7,718
3
39
54

score 0 · Answer 4 · answered Jul 31 '12 at 13:02

0

yes you could save your variable on server side as session value or on client side in localstorage (or as a cookie)

answered Jul 31 '12 at 13:02

Fabrizio Calderan

120,726
26
164
177

score 0 · Answer 5 · answered Jul 31 '12 at 13:04

Cookies are your friend:

// Set a cookie or 2
document.cookie = 'somevar=somevalue';
document.cookie = 'another=123';

function getCookie(name)
{
    // Cookies seperated by ;   Key->value seperated by =
    for(var i = 0; pair = document.cookie.split("; ")[i].split("="); i++)
        if(pair[0] == name)
            return unescape(pair[1]);

    // A cookie with the requested name does not exist
    return null;
}

// To get the value
alert(getCookie('somevar'));

score 0 · Answer 6 · answered Jul 31 '12 at 13:04

Using javascript you can store that variable into a cookie (the user must have cookies enabled), and then retrieve the cookie after.

The approach is something like this:

To save:

function setCookie(c_name,value)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + 1);
var c_value=escape(value);
document.cookie=c_name + "=" + c_value;
}

To retrieve:

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

Ref: http://www.w3schools.com/js/js_cookies.asp

mine is a simple string like "Market properties" .. – Da Silva Jul 31 '12 at 13:09 — Da Silva, Jul 31 '12 at 13:09
ok. you can still use cookies for that – dmmd Jul 31 '12 at 13:11 — dmmd, Jul 31 '12 at 13:11

saving variable value and retrieve it after page refresh

6 Answers6

Linked