ajax post请求后页面会自动刷新页面

Question

问题遇到的现象和发生背景

调用jquery 中的ajax post 请求后页面会自动刷新
前端用live-server启动
同一个地方之前没做前后端分离时没有出现这种问题
如何在请求发送后阻止页面自动刷新

问题相关代码

<div class="content" id="vp">
        <video id="plvideo" controls="true"></video>
        <div class="shooter">
            <input type="text">
            <button type="button" id="bltbtn">发射</button>
            <button type="button" id="log">全屏</button>
        </div>
</div>

$("#bltbtn").click(function(e) {
            e.preventDefault();
            e.stopPropagation();
            $.ajax({
                url: "http://127.0.0.1:8000/vb/bltmsg/",
                type: "post",
                dataType: "json",
                async: false,
                data: {
                    "videoname": sessionStorage.getItem("vpname"),
                    "spm": sessionStorage.getItem("vuname"),
                    "msg": msg,
                    "tvctime": tvctime,
                },
            })
});