Ajax GET请求不会在URL中显示参数

时间:2016-03-22 11:53:15

标签: javascript php jquery ajax

我尝试使用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);
      }
   });
}

提交后,我希望网址如下所示:

http://localhost/project/page_invoices/a0yO01t8ZUIAY

我需要这样做,这是在没有刷新页面的情况下,同时,我希望在我做GET请求时看到params。

请帮忙!

感谢。

2 个答案:

答案 0 :(得分:2)

在发出ajax请求时,当前页面的url不会更改。请求与当前页面无关。这是ajax请求的优势,你留在当前页面,并在后台提出请求。

如果要更改当前页面的URL而不离开(或刷新),则必须使用js中的历史库。 您可以在此处找到有关历史记录的更多信息:https://developer.mozilla.org/en-US/docs/Web/API/History_API

答案 1 :(得分:0)

数据采用字符串而不是对象。 试试这样的事情

data: "paramName="+paramValue