jquery - 如何在 jquery 的同一页面上检测页面重新加载时 url 参数值的变化？

Question

我是 jquery 的新手，我有任何问题，每当 url 参数值发生变化时，我都需要执行一个逻辑，你能帮我解决这个问题吗？

my url :

    https://used.rentals.com/Equipment/used?order=price

    expected result :

if there is change in the order value do logic.

我已经尝试过这段代码但没有工作

  <script>
      var firstTimeUrl = document.URL;
      document.addEventListener('change', function() {
      var currentPageUrl = document.URL;
      var url = new URL(currentPageUrl);
      var isVariantUrl = url.searchParams.get("order");
      currentPageUrl = isVariantUrl ? currentPageUrl :isVariantUrl;
        if(currentPageUrl && firstTimeUrl != currentPageUrl) {
          firstTimeUrl = currentPageUrl;
          console.log('variant_id: '+isVariantUrl+'')
        }
      });
    </script>

标签： jquery