javascript 作用于页面事件

Question

我有一些用户在某些用例中得到的 javascript 错误页面（这是有效的）。

错误页面告诉用户该做什么并有一个链接去哪里，当用户完成激活某些服务时，他回到错误页面，用户点击刷新F5他得到一个错误，错误是因为他在 URL 和附加参数中有"?code=…"...

我认为从参数中捕获F5事件并清除url，可以吗？ 如果没有，我有哪些选择？

场景

1. 用户点击它打开的应用新页面
2. 页面上写着“您尚未订阅该服务，请点击下面的链接了解如何操作”
3. 用户单击链接并打开新选项卡运行该过程并进行订阅，现在一切正常。
4. 用户返回错误页面并点击刷新，现在他收到错误，因为该页面已经包含一些 url 参数，

我该如何解决此类问题？

我正在使用带有简单 js/html 文件的 nodejs12。 不使用任何 ui 框架....

Answer 1

基本答案是这样的：

document.addEventListener('keypress',function(e){
    e = e || window.event;
    if (e.keyCode == 116) {
        window.location.href = window.location.pathname;
    }
},false);

您可以使用以下代码代替基本重定向：

if(typeof URLSearchParams != undefined){
    var usp = new URLSearchParams(window.location.search);
    if(usp.get("code")!=null){
        usp.delete("code");
    }
    window.location.href = window.location.pathname+"?"+usp.toString();
} else {
    window.location.href = window.location.pathname;
}

你也可以使用这个：（这不会刷新页面）

if(typeof URLSearchParams != undefined){
    window.url=window.location.pathname+window.location.search;
    var usp = new URLSearchParams(window.location.search);
    if(usp.get("code")!=null){
        usp.delete("code");
        window.url=window.location.pathname+"?"+usp.toString();
    }
    if(window.history.replaceState){window.history.replaceState(null,null,window.location.href);}
    if(window.history.pushState){window.history.pushState(null,document.title,window.url);}
} else {
    window.location.href = window.location.pathname;
}

如果不支持 URLSearchParams，以上两种方法都会刷新页面。

---

因为您使用的是 F5 键，所以您可以使用这个：

document.addEventListener('keypress',function(e){
    e = e || window.event;
    if (e.keyCode == 116) {
        if(typeof URLSearchParams != undefined){
            var usp = new URLSearchParams(window.location.search);
            if(usp.get("code")!=null){
                usp.delete("code");
            }
            window.location.href = window.location.pathname+"?"+usp.toString();
        } else {
            window.location.href = window.location.pathname;
        }
    }
},false);