如何在不刷新页面的情况下更改页面 ajax django

Question

我正在尝试在不刷新页面的情况下更改 url 浏览器！ 我尝试了几种方法，但仍然刷新页面以转到新网址？

<a href="{% url 'products:main' %}" id="btn-main"><button class="btn btn-primary dim btn-dim" id="btn-main" type="button"><i class="fas fa-home"> </i> main </button></a>
<a href="{% url 'products:partgroup' %}" id="btn-part"><button class="btn btn-warning dim btn-dim" type="button"><i class="fas fa-grip-horizontal"> </i> part group </button></a>

$('#btn-part').click(function() {
    window.location.hash = '{% url 'products:partgroup' %}';
    return false;
});

//i also tried this

    var stateObj = { foo: "bar" };
    function change_my_url()
    {
    history.pushState(stateObj, "page 2", "{% url 'products:partgroup' %}");
    }
    var link = document.getElementById('btn-part');
    link.addEventListener('btn-part', change_my_url, false);

有没有更好的方法来实现这一目标？我用过 django 和 bootstrap 4 谢谢你的帮助..