Question

我有一个网址

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

在此网址中，我只需要在选择距离选项时更新网址中的sort_val=sort_distance，而无需重新加载页面。

<select name="sort_val" class="sort_select">
 <option value="sort_distance">Sort by Distance</option>
 <option value="sort_price">Sort by Price</option>
 <option value="sort_ratings">Sort by Ratings</option>
</select>

Answer 1

您好，您可以使用以下解决方案，我希望它对您有所帮助。

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

谢谢：）

修改URL中的特定参数值，而不重新加载页面

1 个答案: