更改文本時，頁面重新加載

我做了一個基本形式，你把在輸入後提交餅乾顯示更改文本時，頁面重新加載

我添加了第二個cookie「歡迎」 +名字，當你重新加載上面相同的頁面文字消失，並說「歡迎回來」+名稱。

我是新來使用cookies和不能正常工作的功能。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <form> 
     <input id="user" type="user" name="user"> 
     <input id = "submit" type="submit" name="submit"> 
    </form> 
    <h1 id ="greeting" cookie_name ='name'></h1> 
    <h1 id ="welcome" cookie_name='visited'></h1> 

<script 
    src="http://code.jquery.com/jquery-3.2.1.min.js" 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 
<script type="text/javascript" src="script/js.cookie.js"></script> 
<script type="text/javascript" src="script/script.js"></script> 
</body> 

</html> 
-------------------------------------------------------------------------- 
<script> 
    $(document).ready(function(){ 
     if(Cookies.get('name')===undefined){ 
      $('form').submit(function(){ 
     var name = $('input').val() 
     Cookies.set('name', name) 
     Cookies.set('visited', 1) 
     }) 

     }else{ 
      $('form').css('display', 'none') 
      $('#greeting').append('Welcome ' + Cookies.get('name') + '!') 
     } 

    }) 


    if(Cookies.get('visited')===undefined){ 
      $('#greeting').text('Welcome again!') 
     }else{ 
      $('#greeting').text('Welcome back ' + Cookies.get('name') + '!') 
     } 

<script>

來源

2017-07-29 dutchkillsg

我會實際使用sessionStorage.setItem('name', name);存放物品，檢查項目設置這樣 if (sessionStorage.getItem("name"))

入住這link

如果Cookie是必須在此代碼對我的作品只是罰款：

$(document).ready(function() { 
    if (Cookies.get('name') === undefined) { 
     Cookies.set('name', 'alexis') 
     Cookies.set('visited', 1) 
    } else { 
     console.log('Name is already set'); 
    } 

}) 

if (Cookies.get('visited') === undefined) { 
    console.log('welcome for the first time') 
} else { 
    console.log('welcome ' + Cookies.get('name')) 
}

來源

2017-07-29 17:42:23

這是一個班級任務，所以我的老師寧願留在基本的cookie與jscookie.js圖書館 – dutchkillsg

剛剛更新了我的答案和cookies.I測試了我的代碼，它可以與此庫一起使用 –

更改文本時，頁面重新加載

回答

相關問題