更改时的windows URLSearchParams

Question

我的英语不太好，对不起，

我不想让其中一个URLSearchParams发生变化。

当URLSearchParams改变时，返回到我的输入值。

网址: example.com/action.php?id=1&name=john&penalty=365

<input name='penalty' value='365' hidden>
<script>
 $(document).ready(function() {
  const url = window.location.href;                     
  const paramspenalt = new URLSearchParams(url.split('?')[1]);
  var penaltyvar = $('input[name=penalty]').val();
  paramspenalt.set('penalty', penaltyvar);
  const resultpenalty = paramspenalt.toString();

  window.location = 'action.php?'+resultpenalty+'';

 });
</script>

这段代码一切正常，但是页面会不断地加载。

如果页面只加载一次，这是非常好的。

Answer 1

@ksav帮助我，并从How do I modify the URL without reloading the page?修复了我的问题：

<input name='penalty' value='365' hidden>
<script>
 $(document).ready(function() {
    const url = window.location.href;                     
    const paramspenalt = new URLSearchParams(url.split('?')[1]);
    var penaltyvar = $('input[name=penalty]').val();
    paramspenalt.set('penalty', penaltyvar);
    const resultpenalty = paramspenalt.toString();
    //****
    window.history.pushState("object or string", "Title", 'action.php?'+resultpenalty+'');
    //****
});
</script>