Estoy usando tablas de datos en las que he implementado un <select>
etiqueta, estoy tratando de crear un menú desplegable dependiente pero el problema es que ajax devuelve solo 0,
También cuando yo alert(data)
en la función de éxito, la alerta aparece con [object Object]
respuesta, no estoy seguro de lo que va mal.
Para fines de prueba, he puesto el echo "<option value="test">Test</option>";
$('#data-modification-table tbody').on('change', 'td select', function(e) {
e.preventDefault();
let $tr = $(e.target).closest('tr');
$.ajax({
type: "POST",
url: ajaxurl,
dataType: "json",
data: {
action: "send_dropdown_account_data",
account_id: $tr.find('.user_account_name').val(),
project_id: $tr.find('.user_project_name').val(),
},
success: function(data) {
alert(data);
},
error: function(req, status, err) {
console.log('Something went wrong', status, err);
}
});
});
add_action('wp_ajax_nopriv_send_dropdown_account_dat', 'update_modification_dropdown_options');
add_action('wp_ajax_send_dropdown_account_dat', 'update_modification_dropdown_options');
function update_modification_dropdown_options()
{
echo "<option value="test">Test</option>";
$output = ob_get_clean();
wp_send_json_success($output);
wp_die();
}
Dentro de la opción de red de inspección puedo ver esta respuesta para admin-ajax.php: {"success":true,"data":"0"}
En consola no hay ningún error ni mensaje.
.