Italiano
Română
РусскийSolicitud incorrecta 400 en admin-ajax.php de WordPress
Intento ejecutar un formulario wp con ajax pero la consola devuelve Wordpress admin-ajax.php 400 bad request.
jQuery(function ($) {
$(document).ready(function () {
jQuery('#form_add_to_cart').on('submit', function () {
jQuery.ajax({
url: 'https://domain.com/wp-admin/admin-ajax.php',
method: 'post',
contentType : 'application/json; charset=utf-8',
data: $("#form_add_to_cart").serializeArray(),
success: function (response) {
alert(response);
},
fail: function (err) {
alert("Hubo un error: " + err);
}
});
return false;
});
});
});
aquí está mi archivo functions.php:
add_action('wp_ajax_send_form', 'send_form'); // Para usuarios autenticados
add_action('wp_ajax_nopriv_send_form', 'send_form'); // Para usuarios no autenticados
function send_form(){
if (isset($_POST['send_form'])){
echo'ok';
}
else{
echo 'bad';
}
}
y mi formulario:
<form name="form_add_to_cart" method="POST" class="form_product" id="form_add_to_cart" action="">
<input hidden="hidden" name="action" id="add_product_to_cart"
value="send_form">
<input class="btn btn-primary" type="submit"
name="add_to_cart-<?php echo $product_id; ?>" id="add_to_cart"
value="Añadir">
formulario completo: https://pastebin.com/YJXTjGjJ
FUNCIONANDO:
jQuery(function ($) {
$(document).ready(function () {
jQuery('#form_add_to_cart').on('submit', function () {
jQuery.ajax({
url: 'https://domain.com/wp-admin/admin-ajax.php',
method: 'post',
data: $("#form_add_to_cart").serializeArray(),
success: function (response) {
alert(response);
},
fail: function (err) {
alert("Hubo un error: " + err);
}
});
return false;
});
});
});
Desafortunadamente el mismo error.
NCTI
@NCTI Después de la solicitud ajax, ¿puedes ir a network -> fetch/xhr -> encontrar la solicitud y revisar la respuesta, qué dice?
Buttered_Toast
Y tengo múltiples formularios para cada producto en mi página, pero ajax solo funciona para el primer formulario.
NCTI
Veo 0 en network -> fetch/xhr -> response
NCTI
@NCTI parece que tu URL es incorrecta, asegúrate de pasar la URL correcta. Si estás usando url: 'https://domain.com/wp-admin/admin-ajax.php' estoy 100% seguro que no funcionará, cámbiala por tu dominio
Buttered_Toast
Gracias, eso funciona. Ahora no puedo mostrar los datos pasados a mi función. Ejecuto send_form(); en la misma página cuando llamo a ajax, y no se muestra nada.
NCTI
Tu función, tal como está ahora, no muestra ninguno de los datos enviados, pero en realidad mostraría "ok" o "bad". Y para recuperar los datos enviados, simplemente usa el formato $_POST['nombre del input'], por ejemplo $_POST['quantity']. También, prueba con var_dump( $_POST ); al principio de la función y verás una lista de los datos del formulario enviados. Pero tu pregunta original ya ha sido respondida, así que si tienes otra pregunta, puedes hacerla en otra publicación. Sin embargo, ten en cuenta que las preguntas genéricas sobre PHP están fuera de tema en este stack y deberían hacerse en Stack Overflow.
Sally CJ
Además, por favor deshaz la edición de tu pregunta, es decir, vuelve a la versión anterior/original. Si querías agregar nuevo código, añádelo al final y no modifiques la parte que te dije que eliminaras :)
Sally CJ
Me devuelve datos como:
array(2) { ["action"]=> string(9) "send_form" ["formData"]=> array(9) { [0]=> array(2) { ["name"]=> string(8) "quantity" ["value"]=> string(1) "1" } [1]=> array(2) { ["name"]=> string(7) "do_wash" ["value"]=> string(2) "on" } [2]=> array(2) { ["name"]=> string(10) "product_id" ["value"]=> string(2) "12" } [3]=> array(2) { ["name"]=> string(13) "product_price" ["value"]=> string(3) "0.5" } [4]=> array(2) { ["name"]=> string(26) "product_person_to_bringing" ["value"]=> string(1) "0" } [5]=> array(2) } } }
NCTI
Ahora devuelve: array(2) { ["action"]=> string(9) "send_form" ["formData"]=> string(178) "quantity=1&do_wash=on&product_id=12&product_price=0.5&product_person_to_bringing=0&product_wash_price=0.2&product_bringing_price=0.4&product_calculate_bringing=0&action=send_form" } id_produktu0
NCTI