根据用户选择在重复访问时显示特定页面答案

【问题标题】：Show certain page on repeat visits based on user selection根据用户选择在重复访问时显示特定页面
【发布时间】：2017-07-28 02:33:02
【问题描述】：

我有一个在页面加载时启动并询问用户几个问题的模式（这是为了让他们有资格，因为我们的产品适用于许多行业。一旦他们从模式中选择了一个选项，他们就会被带到一个页面是针对他们的行业的）。 **这是一个网页，而不是一个应用程序。

我是初学者，所以欢迎任何帮助。是否有可能记住他们的选择？因此，如果他们要返回网页，它会直接进入目标页面，而不是每次都用弹出窗口挑战他们？我认为这可以通过 cookie 完成，但我不确定从哪里开始。

<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>

【问题讨论】：

标签： javascript html visual-studio cookies local-storage

【解决方案1】：

是的，您可以将用户输入的数据存储在本地存储中，并且在用户清除它之前，它始终可供您使用。因此，在页面加载时，您会检查本地存储中的数据（如果可用，请使用其他提示用户输入详细信息）。

保存数据 - localStorage.setItem('key', val); 在您的情况下，您正在尝试记住多个值，因此最好创建一个对象并保存相同的值。

例如 -

    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);
    }

【讨论】：