window.location.href with $（「。confirm」）。click（function（e）does not full url

Question

我無法解決以下代碼出錯的地方 我的完整url是http://localhost:4244/Invoice/PayInvoice?invoicenumber=7069但VAR URL = window.location.href;只返回http://localhost:4244/

<a Class="btn btn-success btn-sm confirm" href="/Invoice/PayInvoice?invoicenumber=7069">Pay Invoice</a> 

任何人能發現我在做什麼錯

<script> 
    $(document).ready(function() { 
     $(".confirm").click(function (e) { 
      var url = window.location.href;  // Returns full URL 
      alert(url); 
      $("#displayPopUp").show(); 

      e.preventDefault(); 

      $(".yesupdate").click(function() { 
       $("#displayPopUp").hide(); 

       window.location = url; 
       //$(location).attr('href'); 
      }); 
      //if (AcceptPayment()) { 
      // // then redirect to original location 
      // window.location = this.href; 
      //} 
      //else { 
      // alert("Couldn't do my thing first"); 
      //} 
      //var result = window.confirm("You are about to mark invoice as paid, are you sure?"); 
      //if (result == false) { 
      // e.preventDefault(); 
      //} 
     }); 
    }); 
</script> 

我試圖做的是傳遞的價值url到window.location = url;點擊.yesupdate時

Answer 1

如果你想導航到<a>元素的href被點擊，就可以使用檢索.click()處理程序中該地址：

var url = this.href; 

程式碼中的線條只是分配當前的location回自己，這將只是重新加載頁面。

var url = window.location.href; 

window.location = url; 

---

您可能還需要從$(".yesupdate")除去以前click處理程序，以避免它們從多個堆疊.confirm秒。

您可以使用namespaces來定位某些處理程序。

$('.yesupdate').off('.confirm').on('click.confirm', function (e) { 
    // ... 
}); 

Answer 2

您不應該分配到window.location，它是a read-only instance of a Location object。根據您的瀏覽器，這可能會或可能不會工作或扔。

取而代之，您應該撥打window.location.assign(url)並輸入您要導航到的網址。您可以在查詢字符串和其他部分中使用完整的網址。