更改文本时，页面重新加载

我做了一个基本形式，你把在输入后提交饼干显示更改文本时，页面重新加载

我添加了第二个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测试了我的代码，它可以与此库一起使用 –

更改文本时，页面重新加载

回答

相关问题