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