Django模板。API请求导致页面导航到查询url

我有一个django模板,其中包含一个按钮:

<button type="submit" class="btn btn-primary" onclick="getRota()">Make Rota</button>

getRota()函数在脚本中定义如下:

<script>
    function getRota() {
        var startDate = $("input[name='rota_start']").val();
        var endDate = $("input[name='rota_end']").val();
        fetch(`{{ rota_url }}start=${startDate}&end=${endDate}`, {
            method: "GET",
            headers: {
                "X-CSRFToken": getCookie("csrftoken"),
                Accept: "application/json",
                "Content-Type": "application/json"
            }
        })
        .then(response => response.json())
            .then(data => {
                    $("#rota_form").append(`<a href=${data.url} target="_blank">Text Rota</a>`);
                });
    }

</script>

奇怪的是,按下按钮会导致页面发出API请求,附加链接(目前为止一切都很好),然后不久,导航到原始页面(而不是API)的URL,使用 start=${startDate}&end=${endDate} (从api url)附加到它。。。

我真的不知道从哪里开始。。。