Laravel中实现切换语言后加载完成再触发onclick事件

问题核心是页面刷新后JS状态会重置，所以不能在跳转前直接显示模态框，得先标记需求，等新页面加载完成后再触发显示。

方法一：URL查询参数标记 #

修改链接代码，通过URL参数传递“需要显示模态框”的指令：

<a href="language/{{ 'zh' }}?showModal=1" onclick="event.preventDefault(); window.location.href = this.href;">Request</a>

然后在页面全局脚本中添加加载完成后的检查逻辑：

window.addEventListener('load', function() {
  const urlParams = new URLSearchParams(window.location.search);
  if (urlParams.get('showModal') === '1') {
    xtenderSearchItem.modal_visibility = true;
    // 移除URL参数，避免页面刷新后重复触发
    urlParams.delete('showModal');
    window.history.replaceState({}, document.title, window.location.pathname + urlParams.toString());
  }
});

方法二：本地存储标记 #

利用localStorage存储状态，跳转后读取并触发显示：
修改链接代码：

<a href="language/{{ 'zh' }}" onclick="localStorage.setItem('showXtenderModal', 'true'); return true;">Request</a>

添加页面加载完成的处理脚本：

window.addEventListener('load', function() {
  if (localStorage.getItem('showXtenderModal') === 'true') {
    xtenderSearchItem.modal_visibility = true;
    // 清除标记，防止后续页面加载误触发
    localStorage.removeItem('showXtenderModal');
  }
});

为什么原代码无效？ #

原代码中onclick事件会先执行（显示模态框），然后才触发href的页面跳转刷新。刷新后页面的JS状态重置，之前显示的模态框会消失，且新页面没有触发显示逻辑，所以达不到预期效果。

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