jquery - AJAX 表单提交在 iOS 设备上不起作用

Question

好吧，这听起来是特定于插件的，但我希望有人能解释为什么会发生这种情况。

我正在 Wordpress 中开发一个网站，并且使用两个插件:Contact Form 7 和一个用于 CF7 的集成 Mailchimp 插件。

在表单提交时，它应该通过 AJAX 提供失败或成功响应，就是这样 - 我从来没有遇到过问题。然而，在这个网站上，数据仍然被提交并且工作正常。但是，页面被重新加载，而不是 AJAX 响应。

这仅适用于 iOS!

我的第一个想法是，这显然是某种冲突，所以我停用了我的插件，包括一个名为 fullpage.js 的 jquery 插件

没有变化，仍然重新加载。我认为这可能与我正在运行的 jQuery 版本有关，或者与我对脚本进行排队的方式有关，但仍然没有区别。

有人对可能导致此类问题的原因有任何初步想法吗？

更新:返回并在使用 CF7 的旧网站上进行测试，并且在 iOS 上也存在相同的问题(我知道测试很棒)。所以，这肯定是CF7和iOS的问题。还有其他人经历过这种情况吗？

Answer 1

iOS 设备:

• 已停用同步 AJAX 方法，仅使用异步
• 不允许缓存

尝试这样的事情:

$.ajax({
        url: your_URL,
        type: "POST",
        data: JSON.stringify(data),
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        async: true,
        cache: false,
        headers: { "cache-control": "no-cache" },
        success: function (data) {
            // do something
        },
        error: function (jqXHR, exception, errorThrown) {
            // do something
        }
    });

有关此主题的更多信息已找到 here .