javascript - Ajax 调用在 IE/Firefox 中返回零

Question

我们已经为此工作了 2 天，但无法找出导致 IE (v11) 和 Firefox 中失败的原因。在 Chrome 中运行良好。

在这里阅读了很多涉及多个 Ajax 调用(尤其是 IE)的缓存问题的问题，但我不认为这就是问题所在。该代码实际上是页面上的两种形式之一。当单击“全部提交”按钮时，两者都会通过 jQuery 提交。不过，我禁用了第一个表单，第二个表单仍然无法正常工作。

以下是错误表单提交的 JS/Ajax 代码:

$("body").on( "submit", ".update-guest-email", function(event) {
    event.preventDefault();
    var form = $(this);

    if( form.find('input[name="email"]').val() == "" ) {
        return;
    }
    if (!formChecker(form)){
        return;
    }

    var dataString = {
        action : 'update_guest_party',
        data : form.serializeArray()
    }

    $.ajax({
        cache: false,
        type: "post",
        url: ajaxurl, // This is the WP AJAX handler.
        data: dataString,
        beforeSend: function() {
            form.find('input').prop('disabled', true);
        },
        success: function(response){ //so, if data is retrieved, store it in response
            if (response.data >= 1){
                form.append('<div class="center confirmed"><span class="dashicons dashicons-yes"></span></div>');
                form.removeClass();
            } else {
                form.find('input').prop('disabled', false);
                $(".errors").html("That's weird; it didn't go through. You can try again or <a href='mailto:email@gmail.com'>send us an email</a>.")
                $('.errors').slideDown(250);
            }
        } // Close success response.
    }); // Close AJAX.
}); // End form-submit.

同样，该功能在 Chrome 中按预期运行。 Firebug 正确显示 POST 数据:

action          update_guest_party
data[0][name]   email
data[0][value]  brundeezy@gmail.com
data[1][name]   table
data[1][value]  dw_wedding_mgr_guests
data[2][name]   id
data[2][value]  149

但是响应只是“0”(零)。对于 Chrome，响应应该如下所示:

{"success":true,"data":1}

非常感谢任何帮助!如果在生产中看到它会有所帮助，我也在实时服务器上有这个。

Answer 1

刚刚开始在这里发布我的“解决方案”，像往常一样，这是小菜一碟。

该问题与浏览器无关。正如我们从上面开始了解到的，一切都是服务器端的。 WordPress 需要 "nopriv" version of its "wp_ajax_" hook在网站的前端运行。换句话说，它在其他浏览器中不起作用的原因是我没有使用 Chrome 以外的任何浏览器以管理员身份登录。这也解释了为什么 Mark 在 Chrome 中看到了同样的问题，因为他(显然)也没有登录。

下面是我最终使用的代码，以防您想查看示例。相同的函数(“bulk_update_address”)，只需使用前面提到的“nopriv”版本的钩子(Hook)复制它:

add_action( 'wp_ajax_bulk_update_address', 'bulk_update_address' );
add_action( 'wp_ajax_nopriv_bulk_update_address', 'bulk_update_address' );

我实际上提前有一个“nopriv”行...只是忘记删除它周围的评论。哎呀哎呀。希望这能在未来避免一些人的头痛!