在JS中发送数据到下一页以触发事件

Send data to next page to trigger an event in JS

本文关键字：一页 事件 数据 JS      更新时间：2023-09-26

我的菜单上有一个链接，它将用户发送到一个页面，如果他使用该特定链接，则触发一个操作(它将类添加到div元素中)。

现在我用php的链接:/mypage.php?action=go
在mypage.php上，我用:if(isset($_GET['action']) && $_GET['action'] == go)检查php，然后执行php代码

然而，我想这样做在JS等效，所以，而不是php，我将能够触发一个JQuery的动作。我不是很有经验的JS/JQuery，我怎么能正确地做到这一点?

脚本JS脚本将被触发的东西在

$("#div1").toggleClass("class-triggered");

使用sessionStorage在客户端有状态:

  • 首页:sessionStorage.setItem('prop1','value1'); .

  • 第二页包括:

    var getParamValue=function(param) {
       var v = window.location.search.match(new RegExp('(?:['?'&]'+param+'=)([^&]+)'));
       return v ? v[1] : null;
   }
if(sessionStorage.getItem('prop1')==='value1' && getParamValue('action')==='go'){
      //
      $("#div1").toggleClass("class-triggered");
 }

不要忘记在加载整个页面后运行这段代码，特别是:#div1 .

$(()=>{
    //your code here after load page 
    // Thus, code above should be copy/past here
});

我认为你做这件事的方法是最好的。如果您对cookie或客户端存储进行任何操作，则用户必须在其设置中启用该功能，并且您必须记住随后删除cookie或存储项。

相关文章：