Почему возникает ошибка 400 при ajax запросе?

Question

[denism300]

Есть скрипт:

$('.lk-messages_send-button').click(function () {
    const formData = new FormData();
    var ajaxurl = "/wp-admin/admin-ajax.php";
    formData.append('file', $('input[name="file"]')[0].files[0]);
    formData.append('listing_id', listing);
     var data = {
        action: 'send_message_into_chat',
        form_data: formData
    };
    console.log(data);
    $.ajax({
        url: ajaxurl,
        type: 'POST',
        data: data,
        processData: false,
        contentType: false,
        dataType: 'json',
        success: function (r) {
            console.log(r);
        },
    });
});

функция обработчик на данный момент выглядит так:

add_action('wp_ajax_send_message_into_chat', 'send_message_into_chat');
function send_message_into_chat()
{
	echo '<pre>' . print_r($_POST, 1) . '</pre>';
	wp_die();
}

При выполнении данного запроса возникает ошибка 400 Bad request. В чем может быть причина?

Answer 1

[Сергей delphinpro]

formData.append('file', $('input[name="file"]')[0].files[0]);
formData.append('listing_id', listing);
+formData.append('action', 'send_message_into_chat');
-var data = {
-    action: 'send_message_into_chat',
-    form_data: formData
-};
$.ajax({
        url: ajaxurl,
        type: 'POST',
-        data: data,
+        data: formData,
        processData: false,
        contentType: false,
        dataType: 'json',
        success: function (r) {
            console.log(r);
        },
    });

Comments

[denism300]

Спасибо!
Добавлю, что еще надо убрать
dataType: 'json',
иначе, обработчик не запускается

[Сергей delphinpro]

denism300, Это зависит от того, какие данные вы планируете получать. Если не json, то конечно убрать, потому что jquery в этом случае автоматически пытается распарсить ответ как json строку.