PWA 不会每次都在成功事件上执行 jQuery 表单

Question

我有一个可运行的可安装 PWA。 这是我的服务人员的获取代码：

self.addEventListener('fetch', async e => {
    e.respondWith(
        fetch(e.request)
            .catch(error => {
                console.log(error);
                return caches.match(e.request) ;
            })
    );
});

在另一个 JS 文件中，我有表单处理逻辑（这个文件也注册了 service worker）：

  $("#myForm").submit(function (e) {
    console.log("form submit");
    let url = $(this).attr("action");
    let method = $(this).attr("method");
    let data = $(this).serialize();
    $.ajax({
    type: method,
    url: url,
    data: data,
    success: function (response) {
        console.log("SUCCESS");
    },
    error: function(err) {
        console.log(err);
    }
    });
});

问题是有时没有触发表单回调，但每次都会触发表单提交（基于控制台中的“表单提交”）。

Answer 1

我想明白了。 我忘记禁用通用表单提交事件。 我在事件处理中添加了这个：

e.preventDefault();