首页 > 解决方案 > 我需要保存在 URL 中的 ID 来更新数据库中的表

问题描述

我在网页上有一个幻灯片,用户点击到下一个。当用户点击时,URL 地址内部的 ID 会发生变化。每次用户切换到下一张幻灯片时,我都需要一种更新表格的方法。我想保存用户的位置,然后在以后重新加载他们的进度。幻灯片代码都在一个 html 页面中。以下 2 个部分(幻灯片)的片段:

<section class="aligncenter">
    <span class="background light" style="background-image: url('istudy_slides_images/abstract2.jpg')"/></span>
        <div class="wrap" id="slide=6">
        <div class="wrap">
             <h1>Stress is often defined as when an individual perceives the demands upon them to exceed there perceived ability to cope</h1>
        </div>
</section>

<!-- SLIDE 6 -->
<section>
    <span class="background" style="background-image:url('istudy_slides_images/balance.jpg')"></span>
          <div class="wrap" id="slide=7">
          <div class="alignright size-50 bg-trans-dark">
             <p class="text-subtitle text-serif">"In the end, it's all a question of balance" - Rohinton Mistry</p><br>
             <h3><strong>Balance</strong></h3>
             <p>A common source of stress and anxiety is when we lack balance within our lives.</p>
             <p><strong>Task Two:</strong> Consider whether you have the correct balance in you're life.<br>Are there any improvements you can make to your life work balance to improve your wellbeing?</p>
           </div>
           </div>
</section>

checkPointMod显示 id 的 URL 的屏幕截图(我可以在每次 id 更改时使用它来更新我的数据库中的表吗?任何帮助将不胜感激我已经坚持了一段时间。如果最好的方法要做到这一点,请使用 cookie/会话,有人可以给我一些指导吗?

显示 ID 的 URL 屏幕截图

使用:用于幻灯片的 Webslides.tv https://webslides.tv/#slide=2

标签: phpmysql

解决方案


我可以给出一个通用的方法而不是精确的代码。所以你可以做什么,你可以像这样使用 JavaScript 在 URL 中获取那个哈希参数,

let slideID = window.location.hash

然后您可以使用本地存储来存储该 ID,以便您可以使用它来将用户导航到当前幻灯片,如下所示,

localStorage.setItem('slideid', slideID);

然后在重新加载页面时,您可以slideID像这样检索

localStorage.getItem('slideid');

推荐阅读