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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 nslt的可用模型,或者其他可以进行推理的现有模型
  • ¥15 arduino上连sim900a实现连接mqtt服务器
  • ¥15 vncviewer7.0安装后如何正确注册License许可证,激活使用
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并2
  • ¥66 关于人体营养与饮食规划的线性规划模型
  • ¥15 基于深度学习的快递面单识别系统
  • ¥15 Multisim仿真设计地铁到站提醒电路
  • ¥15 怎么用一个500W电源给5台60W的电脑供电
  • ¥15 请推荐一个轻量级规则引擎,配合流程引擎使用,规则引擎负责判断出符合规则的流程引擎模板id
  • ¥15 Excel表只有年月怎么计算年龄