jquery - chrome 更新到版本 75.0.3770.80(官方版本)(64 位)后重复请求并将数据两次保存到数据库问题

Question

昨天 google chrome 更新到版本 75.0.3770.80(官方版本)(64 位)后，我遇到了一个奇怪的问题。

我正在使用 Laravel，如果我尝试使用 Ajax 创建一个任务，那么它只会从 Google Chrome 添加两次，但如果我在 Firefox 或其他浏览器中创建相同的任务，那么它只需一个条目就可以正常工作。这个问题我只在 chrome 更新后遇到，否则之前工作正常。这个新版本是否有任何变化会影响我的功能？

我尝试分析这个问题，发现 Chrome 和 Firefox 的以下图像中给出了以下差异。 globalTask​​ 请求在 Chrome 中显示一个已取消的请求，但我认为它在服务器端正确执行并在数据库中添加一个条目。谁能帮我解决这个问题吗？

Chrome

火狐浏览器

代码

$.ajax({
    url: "/globalTask",
    type: "POST",
    headers: {
        'X-CSRF-Token': 'hgdhgsddshjfs214dsf4s56f',
    },
    async: false,
    data: data,
    success: function (response) {

    }
});

Answer 1

我想我发现这与preventDefault有关...在我看来，如果您不对原始事件执行preventDefault()，Chrome 75就会终止通过JS创建的formPost。