javascript - 脚本完成后停止页面刷新

Question

我写了一个简单的 jsPsych 脚本来问候参与者，然后在他们按下任意键后感谢他们的参与。然后通过 ajax 将试用数据发送到服务器脚本。当参与者在感谢窗口上点击“确定”时，页面会刷新并将参与者发送回实验的开始。

如何阻止脚本自动刷新页面？这是相关的代码：

    jsPsych.init({
    timeline: timeline,
    on_finish: function() {
        $.ajax({
        type: "POST",
        url: "/experiment-data",
        data: jsPsych.data.get().json(),
        contentType: "application/json"
        })
        .done(function() {
            alert("Thank you!")
            window.location.href = "/";
        })
        .fail(function() {
            alert("A problem occurred while writing to the database. Please contact the researcher for more information.")
            window.location.href = "/";
        })
    }
    })

    </script>
</html>