jQuery $ .post返回＆＃34;超出最大调用堆栈大小＆＃34;

Question

在jquery

中执行ajax帖子时，堆栈大小超出错误

$('#challengeForm').submit(function(e) {
    var ajaxUrl = admin.ajax_url;
    var emailInput = $(this).find('input[name="email"]');
    var formId = $(this).find('input[name="formId"]');
    $.post(ajaxUrl,{action:'challengeFormSubmit',email:emailInput,listId:formId},function(data) {

        console.log(data);

    },'json');
    e.preventDefault();
});

我运行了一些console.log调试，发现错误是在$.post调用的。

Answer 1

您应该使用值（而不是对象）：

$('#challengeForm').submit(function(e) {
    var ajaxUrl = admin.ajax_url;
    var emailInput = $(this).find('input[name="email"]').val();
    var formId = $(this).find('input[name="formId"]').val();
    $.post(ajaxUrl,
        {
            action:'challengeFormSubmit',
            email:emailInput,
            listId:formId
        },
        function(data) {
            console.log(data);
        },
        'json'
    );
    e.preventDefault();
});

Answer 2

您的功能正在重新提交。请尝试以下方法：

1. 将e.preventDefault();移至功能顶部。
2. 使用return false;
结束此功能