我的BUG日志(2020072201):浏览器控制台Provisional headers are shown问题

本文记录了一次遇到的浏览器控制台显示'Provisional headers are shown'的问题,问题根源在于HTML表单中同时使用了submit属性和click事件,导致请求被驳回。解决方案是避免同时使用,选择仅使用submit或click事件。
摘要由CSDN通过智能技术生成

在这里插入图片描述

问题代码

<form>
<button id="query" type="submit" class="btn btn-success">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                class="ion-search"></i>查询&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </button>
</form>
   $(function () {
        //点击“查询”按钮
        $("#query").bind("click",function () {
            var pageNumber= parseInt($("#pageNumber").val());
            var pageSize=parseInt($("#pageSize").val());
            var rname=$("#rname").val();
            window.location.href="/routeServlet?action=findRouteByPage"
            +"&pageSize="+pageSize
            +"&pageNumber="+pageNumber
            +"&rname="+rname;
        });
    });

结论:当“查询”按钮即设定了type="submit"又设定了click事件时,导致了浏览器发送请求过快。那么此时submit请求就会被驳回。解决方案就是要么只用submit要么只用click事件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值