根據用戶選擇在重複訪問中顯示特定頁面

Question

我有一個在網頁加載時啓動的模式，並詢問用戶幾個問題（這是爲了限制他們，因爲我們的產品適合許多行業。模式，他們被帶到一個針對他們行業的頁面）。 **這是一個網頁，而不是一個應用程序。

我是一個初學者，所以任何幫助，歡迎。是否有可能讓他們記住他們的選擇？因此，如果他們要回到網頁，它會直接進入該目標網頁，而不是每次都彈出來挑戰它們？我認爲這可以用cookies來完成，但我不知道從哪裏開始。

<div id="myModal" class="modal fade"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h4 class="modal-title">What Best Describes You?</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Please choose which best describes you so you can see content relevant to your industry.</p> 
      <ul class="list-unstyled list-spacing"> 
       <li>I am a</li> 
       <li>I am a</li> 
       <li>I am a</li> 
       <li>I am a</li> 
      </ul> 
     </div> 
    </div> 
</div> 

<script> 
    $(document).ready(function() { 
      $("#myModal").modal('show'); 
     }); 
</script> 

Answer 1

是的，你可以存儲用戶在本地存儲輸入的數據，直到用戶清除它，它總是會提供給你。所以在頁面加載時，如果存在可用的本地存儲數據，請使用其他提示用戶輸入詳細信息。

保存數據 - localStorage.setItem('key', val); 在您的情況下，您嘗試記住多個值，以便更好地創建對象並保存它們。

的exmpale -

var userDataOnLoad = localStorage.getItem('userData'); 

    // check if userDataOnLoad defined  
    if(userDataOnLoad) { 

     // take the values out of the object 
     var username = userDataOnLoad.userName, 
      industry = userDataOnLoad.industry; 

    } else { 

     // prompt user to enter data and save it here in local storage 
     var data = {}; 
     data.userName = 'abc'; 
     data.industry = 'information technology'; 
     // other details. 

    // save the entire user data object to local storage 
    localStorage.setItem('userData', data); 
    }