javascript - 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?

score 7 · Accepted Answer

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.

score 6 · Accepted Answer

$_SESSIONこれを変数として格納できます。

session_start();

$myVar = null;

// some code here

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

score 0 · Accepted Answer

Cookie/Webstorage/Session でこの変数を永続化する必要があります。Web ページはステートレスです。

score 0 · Accepted Answer

sessionはい、変数をサーバー側で値として、またはクライアント側でlocalstorage（またはとしてcookie）保存できます

score 0 · Accepted Answer

クッキーはあなたの友達です:

// 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 · Accepted Answer

JavaScript を使用すると、その変数を Cookie に保存し (ユーザーは Cookie を有効にする必要があります)、後で Cookie を取得できます。

アプローチは次のようなものです。

保存するには:

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;
}

取得するには:

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);
    }
  }
}

参照: http://www.w3schools.com/js/js_cookies.asp

javascript - saving variable value and retrieve it after page refresh

6 に答える 6

Related

Reference