Hola chicos, tengo un problema cuando estoy tratando de enviar datos por ajax y se dice que tengo 400 (Solicitud incorrecta) errores de ajax y este es mi código:

Este es el código Html: las filas son datos de mi base de datos $ fila ['atributos'] que tiene (tamaño, marca, color ......)

 <form id="form"> <?php foreach($rows as $row): ?> <fieldset> <?php $result_attributes = get_terms([ 'taxonomy' => $row['attributes'], 'hide_empty' => false, ]); ?> <select id="select-wid" name="<?php echo $row['attributes']?>"> <option value="">Select</option> <?php foreach($result_attributes as $result_attribute) : ?> <option value="<?php echo $result_attribute->term_id; ?>"><?php echo $result_attribute->name; ?> </option> <?php endforeach; ?> </select> </fieldset> <?php endforeach;

Este es el código jquery:

 (function($){ $(document).ready(function(){ $(document).on('change', '#form', function(e) { var data = $(this).serialize(); e.preventDefault(); console.log(data); $.ajax({ url: ajaxwp.ajax_url, data: {action: 'myactionfunction', data:data}, type: 'post', success: function(result) { $('.products').html(result); }, error: function(result) { console.warn(result) }, }); }); }); })(jQuery);

Imagen de la consola: ErrorConsoleImage Imagen de PHP: ErrorPhP