2016-08-03 8 views
-1

ich eine URLändern spezifischen Parameterwert in der URL, ohne die Seite neu zu laden

http://localhost/revamp/search.php?city=chennai&V&locality=mylapore&sort_val=sort_price

In dieser URL habe, ich muß nur die sort_val=sort_distance in der URL aktualisieren auf die Entfernung Option auswählen, ohne die Seite neu zu laden .

+1

Haben Sie überhaupt versucht, googeln? 1 - fire Javascript-Ereignis bei Option auswählen; 2 - URL URL mit Javascript ändern; Dann setzen Sie diese 2 zusammen –

Antwort

1

Hallo, Sie können unten Lösung verwenden, ich hoffe, es wird Ihnen helfen.

$(document).ready(function(){ 
    var queries = {}; 
    $.each(document.location.search.substr(1).split('&'), function(c,q){ 
     var i = q.split('='); 
     queries[i[0].toString()] = unescape(i[1].toString()); // change escaped characters in actual format 
    }); 
    $(".sort_select").change(function(){ 
     queries[$(this).attr('name')]=$(this).val(); 
    history.pushState({}, '', "?"+$.param(queries)); 
    }); 
}) 

Thanks :)

+0

Es funktioniert. Aber das '+' in der URL wird durch '% 2B' Code ersetzt und während der Dekodierung nimmt es'% 2B' zu '+', was ein 'Leerzeichen' zwischen diesen Wörtern –

+0

@VyshnaviSamudrala sein muss, siehe http : //api.jquery.com/jquery.param/ für mehr Details, wenn du noch steckst .. bitte Nachricht an mich .. ich bin hier. :) und nicht vergessen, als rechts und oben zu markieren;) –

+0

danke @VyshnaviSamudrala, bitte versuchen Sie es mit jsfiddle https://jsfiddle.net/qqbztc6z/ lassen Sie mich wissen, wenn Sie Hilfe von mir brauchen;) –