uuuuuas 2022-03-11 16:18 采纳率: 100%
浏览 565
已结题

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

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

调用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,
                },
            })
});
  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-03-11 16:30
    关注

    代码没看出什么问题。自动刷新目测是提交表单了,有下面的可能
    1)jquery没有正确导入导致事件没绑定上,比如路径错误
    2)执行click事件绑定的代码放到dom前面了没绑定上事件,导致提交了表单。需要放到dom ready事件中绑定,就是$(function(){...............})中执行绑定。或者放到贴出来的html代码下
    3)内容动态加载,导致执行绑定时没有获取到dom,可以用on代理来实现

    
        $(document).on('click','#bltbtn',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,
                },
            })
        });
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
  • 有问必答小助手 2022-03-11 18:05
    关注
    您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
    PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月19日
  • 已采纳回答 3月11日
  • 创建了问题 3月11日

悬赏问题

  • ¥30 计算机网络子网划分路由模拟操作
  • ¥15 MATLAB的画图问题
  • ¥15 c语言用fopen_s成功打开文件之后闪退
  • ¥20 用C++完成,并且运用数组
  • ¥30 求解电力系统潮流计算结果不收敛问题
  • ¥15 某易易盾点选data解析逆向
  • ¥15 系统崩溃,关于订单的处理
  • ¥15 datax-web连接hive为数据源时发生报错,如何解决?
  • ¥15 plink在进行gwas分析时总读取不到表型
  • ¥20 数据结构与c语言的实践内容