Come cambiare url dopo il successo in Ajax senza ricaricare la pagina

Question

Questa è l'ajax

$(".urut").change(function() { 
 
    $.ajax({ 
 
    url: "<?php echo base_url(); ?>categories/brand/<?= $link_brand; ?>?l=<?= $l; ?>&h=<?= $h; ?>&city=<?= $city; ?>&city_name=<?= $city_name; ?>&ket=view", 
 
    type: "POST", 
 
    data: "urut=" + $(".urut").val(), 
 
    success: function(data) { 
 
     $("#result").html(data); 
 
    } 
 
    }) 
 
})

Questo funziona, ma voglio l'url di cambiare perché ho molti parametri lì e, naturalmente, con il parametro data: "urut="+$(".urut").val(),.

Answer 1

Ora è possibile farlo in maggior parte dei browser "moderni"!

si può fare questo alla tua azione successo:

window.history.pushState("object or string", "Title", "/new-url"); 

Vai a questa questo post per Modify the URL without reloading the page per una base how-to.

nota complementare:

1. Il primo parametro è il dato ci servirà se lo stato della pagina Web modifiche, per esempio ogni volta che qualcuno preme il tasto indietro o in avanti nel loro browser. Nota che in Firefox questi dati sono limitati a 640k caratteri.
2. title è il secondo parametro che può essere una stringa, ma al momento di scrittura, ogni browser semplicemente lo ignora.
3. Questo parametro finale è l'URL che vogliamo visualizzare nella barra indirizzo.

Answer 2

Utilizzare la cronologia del browser per modificare la barra dell'URL in JS.

 history.pushState() 
    history.replaceState() 

https://developer.mozilla.org/en-US/docs/Web/API/History_API

Answer 3

provare questo

$(".urut").change(function() { 
$.ajax({ 
    url: "<?php echo base_url(); ?>categories/brand/<?= $link_brand; ?>?l=<?= $l; ?>&h=<?= $h; ?>&city=<?= $city; ?>&city_name=<?= $city_name; ?>&ket=view", 
    type: "POST", 
    data: "urut=" + $(".urut").val(), 
    success: function(data) { 
     $("#result").html(data); 
     window.history.pushState("Details", "Title", "<?php echo base_url(); ?>/yourNewPage"); 
    } 
}); 

});