Ajax GET請求未在URL中顯示參數

Question

我正在嘗試使用jQuery AJAX函數執行GET請求onclick，但是問題是我沒有在URL中看到參數：

這是代碼：

<a href="#" class="md-list-content" data-invoice-id=<?php echo $invoiceId; ?>  onclick="myFunction('<?php  echo $invoiceId;  ?>')">

這里是Javascript代碼：

function myFunction(id) {
var invoice_detailsid = id;
//alert(id);
 $.ajax({
    url:"invoice_details", //the page containing php script
    type: "GET", //request type
    data: ({invoice_detailsid: invoice_detailsid}),
    success:function(data){
              console.log("success);
      }
   });
}

提交后，我希望URL如下所示：

http://localhost/project/page_invoices/a0yO01t8ZUIAY

我需要執行此操作，而無需刷新頁面，同時，我想在執行GET請求時看到參數。

請幫忙！

謝謝。

Answer 1

發出ajax請求時，當前頁面的URL不變。 該請求與當前頁面無關。 這就是ajax請求的優點，即您留在當前頁面中，並且在后台發出請求。

如果要更改當前頁面的URL而又不保留（或刷新）它，則必須使用js中的歷史記錄庫。 在這里，您可以找到有關歷史的更多信息： https : //developer.mozilla.org/en-US/docs/Web/API/History_API

Answer 2

數據采用字符串而不是對象。 試試這個

data: "paramName="+paramValue