Ajax-GET-Anfrage zeigt keine Parameter in der URL

Question

Ich versuche Anfrage zu tun GET Onclick jQuery AJAX-Funktion, aber das Problem ist, dass ich in der URL sehen die Parameter nicht:

Hier ist der Code:

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

Hier ist der Javascript-Code:

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); 
     } 
    }); 
} 

Nachdem ich einreichen kann, möchte ich die URL wie folgt aussehen:

http://localhost/project/page_invoices/a0yO01t8ZUIAY 

Ich muss es tun, das war ohne die Seite zu aktualisieren, und gleichzeitig möchte ich die Parameter sehen, wenn ich GET Anfrage.

Bitte helfen!

Danke.

Answer 1

Daten werden in einer Zeichenfolge und nicht in einem Objekt gespeichert. Versuchen Sie so etwas wie dieses

data: "paramName="+paramValue 

Answer 2

Wenn eine Ajax-Anforderung macht die URL der aktuellen Seite ändert sich nicht. Die Anfrage bezieht sich nicht auf die aktuelle Seite. Das ist der Vorteil der Ajax-Anfrage, dass Sie auf der aktuellen Seite bleiben und im Hintergrund eine Anfrage stellen.

Wenn Sie die URL der aktuellen Seite ändern möchten, ohne sie zu verlassen (oder zu aktualisieren), müssen Sie die History-Bibliothek von js verwenden. Hier finden Sie weitere Informationen zum Verlauf: https://developer.mozilla.org/en-US/docs/Web/API/History_API