2015-05-19 46 views
0

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> 

I'trying做出的預訂系統。用戶必須登錄並提交報價。我試圖在註銷時保留預訂的數量,但是當我刷新頁面時它會一直重新啓動。由以前的網友提到在餅乾

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 
} 
+0

找到這個完整的代碼你有沒有檢查這個文檔:https://github.com/carhartl/jquery-cookie –

+0

[Cookies!](http://www.w3schools.com/js) /js_cookies.asp) – moffeltje

+0

因爲在頁面加載時您不讀取cookie值。 – epascarello

回答

1

在頁面加載時

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

您需要讀取cookie的值上刷新這樣所以讀取cookie值。 您也可以使用AJAX將值傳遞給PHP,然後將其存儲在會話變量中。你可以在http://www.w3schools.com

-1

存儲值:

+0

或者更好:[MDN Ajax](https://developer.mozilla.org/en/docs/AJAX)或[jQuery Ajax](http://api.jquery.com/jquery.ajax/) - w3schools是一個可憐的參考網站 - 請在建議方法時張貼示例 – mplungjan

+0

對於初學者來說這已經足夠了,存儲變量問題的人至少應該訪問一次。 –

+0

不,這對於初學者來說太可怕了,因爲它教授的是不好的做法。我強烈建議不要推薦它 – mplungjan

相關問題