Tengo un formulario html muy simple creado con un botón.
<form method="post" id="my_unique_form_id"> <button type="submit" name="'.$name.'" value="'.get_the_ID().'" class="'.$class.'"></button> </form>Luego lo conecté con AJAX
jQuery(document).ready(function() { jQuery('#my_unique_form_id').on('submit', function(event) { event.preventDefault(); jQuery.ajax({ type: "post", url: "", data: jQuery('#my_unique_form_id').serialize(), success: function() { console.log('not reloading the page'); } }) }); });Entonces, el código anterior funciona de alguna manera, que en la página de envío del formulario no funciona, lo cual es excelente, pero, por supuesto, no obtengo los resultados que necesito y no sucede nada.
Si no uso AJAX, todo funciona perfectamente y obtengo los resultados esperados, pero luego la página se vuelve a cargar, lo que debo evitar. La verdad es que no sé cómo combinarlo.
Esta es la función php que estoy usando:
Guardé el nombre en una variable (procedente del botón)
$name = my_function() ? 'remove' : 'add';configuración de mi_función
function my_function( $post_id = 0, $user_id = 0 ){ if ( ! $post_id ) { $post_id = get_the_ID(); } if ( ! $user_id ) { $user_id = get_current_user_id(); } $meta_value = get_data( $user_id ); return array_search( $post_id, $meta_value ) !== false; }Lo que debe hacer es en su código jQuery, pasar los datos recuperados de la llamada a la función de éxito de la siguiente manera:
success: function(data){ //Do something }Esa variable de datos contendrá lo que PHP haya hecho eco. Si desea acceder a esos datos de alguna manera significativa, será más fácil si los prepara como una matriz en PHP, es decir, así:
$dataForjQuery = array('status' => 'OK', 'message' => 'validation passed'); echo(json_encode($dataForjQuery));de esta manera en jQuery harías:
success: function(data){ console.log('the status is: ' + data.status); //Will log 'the status is: OK' console.log('message from server: ' + data.message); //Will log 'message from server: validation passed' }