如何在jQuery中设置会话级固定值？实现随机数刷新不重置

没问题，要实现这个需求其实很简单，我们可以利用sessionStorage来存储这个随机数——它刚好是会话级别的存储，只要浏览器标签页不关闭，数据就会一直保留，页面刷新也不会丢失。

完整实现代码 #

替换你现有的代码，改成下面这样就可以了：

<p class="remaining-memberships"><span>XX</span></p>

<script>
// 生成指定范围随机数的工具函数
function randomNumberFromRange(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}

var minMember = 10;
var maxMember = 50;
var randomNumber;

// 核心逻辑：优先从会话存储取数，没有则生成并存入
if (sessionStorage.getItem('savedRandomNumber')) {
  // 注意：sessionStorage存的是字符串，要转成数字类型
  randomNumber = parseInt(sessionStorage.getItem('savedRandomNumber'));
} else {
  randomNumber = randomNumberFromRange(minMember, maxMember);
  sessionStorage.setItem('savedRandomNumber', randomNumber);
}

// 把最终的数值渲染到页面上
$('.remaining-memberships span').text(randomNumber);
</script>

关键细节说明 #

• sessionStorage 为什么适合？：你之前提到的localStorage是持久化存储（关闭浏览器再打开还会保留），而sessionStorage只在当前会话（标签页打开期间）有效，完全匹配你“会话期间保持不变”的需求。
• 类型转换的必要性：因为sessionStorage存储的所有数据都是字符串格式，所以取出时一定要用parseInt转成数字，避免后续做数值运算时出问题。
• 手动清除的方法：如果需要在会话中途重置这个数值，可以调用sessionStorage.removeItem('savedRandomNumber')，刷新页面后就会重新生成随机数。

内容的提问来源于stack exchange，提问作者Adrian