javascript - 当前页面卸载时将字符串与单击的 URL 进行匹配

Question

我有一个带有 URL 的表单:

localhost:83/mysite/item/UpdateItems/225

我有一个临时表，我在其中加载了数据并从临时表中显示在我的表单中。

当我刷新页面时，我不想触发 ajax 调用并 chop 表。但是，如果我单击菜单中的另一个链接，那么我确实想触发 ajax 调用并 chop 表。

可能吗？

当单击另一个菜单时，我使用了 beforeunload 来 chop 表:

 $(window).on('beforeunload', function(){
     //My ajax code for truncate table
});

但这也适用于页面刷新，这是我不想要的。所以我尝试在 URL 中使用匹配的字符串:

$(window).on('beforeunload', function(e){
    if (document.URL.indexOf("UpdateItems") > -1) {

        console.log("page refresh");

     }else{
         console.log("not refreshed");  
      }
});

但是，即使我单击了另一个菜单，这也始终会进入首页刷新状态。

Answer 1

试试这个，一定会成功的，

    <SCRIPT language="javascript">

    window.onbeforeunload=before;

    function before(evt)
    {
       if(window.location.toString().indexOf("UpdateItems") > -1) { 

        console.log("page refresh");

       }
       else{
         console.log('Not');
       }
    }
    </script>