如何保存刷新時的計數器值？

Question

js：

    var x = 0;

    function count() {
        x += 1;
        document.getElementById( "counting" ).value = x;

        $.cookie("key", value)
    }

</script>

的HTML：

<div id="product">

  <div id="picture">
    <a href="?page=product" style="margin-left: 0px"> <img src="1h.jpg"
        alt="Online Shop" width="100%" height="100%">
    </a>
  </div>

  <div id="title"
    style="float: left; margin-left: 2%; margin-top: 5%; height: 40px; width: 70%; font-size: 22px;">
    <span> Oasis Beach Hotel </span> <span style="float: right"> Price:
        $50 </span>
  </div>

  <div id="title"
    style="float: left; margin-left: 2%; margin-top: 0%; height: 20px; width: 70%; font-size: 16px;">
    <span> Bookings: <input id="counting" type="text" />
    </span> <span style="float: right"> <?php echo' 
    <form action="  ';?> <?php echo $_SERVER['PHP_SELF'];?> <?php  echo'   " method="post" style="margin-left: 2%">


    <input type ="button" value = "ORDER" onclick = "count()"/><br><br>

    </form>
            ';?>

    </span>
  </div>
</div>

我正在嘗試建立預訂系統。 用戶必須登錄並提交報價。 我正在嘗試保留注銷人數，但刷新頁面時它會不斷重新啟動。

Answer 1

因此，在頁面加載時讀取cookie值

var value = parseInt($.cookie("key") || 0, 10);

Answer 2

您需要像這樣在刷新時從Cookie讀取值：

if($.cookie('key')){
  var x = parseInt($.cookie('key'));
}
else{
  var x = 0;
}
function count() {
  x += 1;
  document.getElementById( "counting" ).value = x;

  $.cookie("key", x); //I assume you want to save x and not val
}

Answer 3

如先前用戶所述，將值存儲在cookie中。 您也可以使用AJAX將值傳遞給PHP，然后將其存儲在會話變量中。 您可以在http://www.w3schools.com上找到完整的代碼