WordPress Ajax siempre devuelve un error 404

Question

WordPress Ajax siempre devuelve un error 404

19 ago 2013, 06:36:08

Vistas: 28.2K

Votos: 3

Obtuve este código de un tutorial. No logro hacer que funcione.

HTML (home.php)

    <form name="myform" id="myform" action="" method="POST">  
      <!-- El campo del formulario para el Nombre -->
      <label for="name" id="name_label">Nombre</label>  
      <input type="text" name="name" id="name" size="30" value=""/>  
      <br>
      <!-- El campo del formulario para el Email -->
      <label for="email" id="email_label">Email</label>  
      <input type="text" name="email" id="email" size="30" value=""/> 
      <br>
      <!-- El botón de Enviar -->
      <input type="submit" name="submit" value="Enviar"> 
   </form>
   <!-- Aquí mostraremos los resultados de process.php -->
   <div id="results"><div>

PHP (functions.php)

    function myform(){
       echo "Formulario enviado exitosamente: <br>Tu nombre es <b>".$_POST['name']."</b> y tu email es <b>".$_POST['email']."</b><br>"; 
    }
    add_action('wp_ajax_myform', 'myform');
    add_action('wp_ajax_nopriv_myform', 'myform');

Javascript (header.php)

    <script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#myform").validate({
        debug: false,
        rules: {
            name: "required",
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            name: "Por favor, déjanos saber quién eres.",
            email: "Un email válido nos ayudará a contactarte.",
        },
        submitHandler: function(form) {
            // hacer otras cosas para un formulario válido
            jQuery.post('/wp-admin/admin-ajax.php', jQuery("#myform").serialize(), function(data) {
                jQuery('#results').html(data);
            });
        }
    });
});
</script>

sublimelaconic

61

php jquery ajax javascript html

Comentarios

¿Cuál es la pregunta? "No puedo hacer que funcione" no es un reporte de problema muy útil.

s_ha_dum

19 ago 2013 07:31:53

Bueno, básicamente pregunto por qué recibo un error 404. ¿Qué estoy haciendo mal?

sublimelaconic

19 ago 2013 08:24:04

Todas las respuestas a la pregunta

Comentarios

Sí, hay una lista de nombres reservados, donde si usas uno en tus formularios, WP fallará, generalmente sin un buen mensaje de error.

Doug Cassidy

18 oct 2015 21:20:57

Increíble. A WP no le gusta el término usado como nombre para una propiedad del cuerpo POST, ¡así que lanza un 404?!?!?! Tan estúpido.

AJB

31 dic 2018 23:42:27

Aquí están: https://codex.wordpress.org/Reserved_Terms

kjones

30 ene 2019 21:01:47

Comentarios

Parece que hay un error en esta línea '<?php echo admin_url('admin-ajax.php); ?>', así que la cambié a '<?php echo admin_url('admin-ajax.php'); ?>', pero sigo recibiendo un error 404. ¿Alguna idea de por qué obtengo un 404?

sublimelaconic

19 ago 2013 08:27:06

Dream Ideation 91 · Answer 1 · 2015-07-11T04:55:16Z

Esto fue muy frustrante de resolver. Pasé horas en este problema y descubrí que tu inconveniente está en este campo de entrada:

<input type="text" name="name" id="name" size="30" value=""/>

Intenta cambiar el nombre del campo de entrada a cualquier cosa excepto "name", por ejemplo:

<input type="text" name="user_name" id="name" size="30" value=""/>

Dream Ideation

91

11 jul 2015 04:55:16

s_ha_dum 65.5K · Answer 2 · 2013-08-19T16:42:47Z

Si estás obteniendo un error 404 en la solicitud AJAX, entonces tu ruta está incorrecta. Usa admin_url para construir la ruta en lugar de codificarla manualmente.

jQuery.post(<?php admin_url('admin-ajax.php') ?>, // ...

Probablemente sea mejor imprimir la URL de administración en una variable de Javascript mediante wp_localize_script que imprimirla directamente en la plantilla. Por ejemplo:

wp_enqueue_script('jquery');   
wp_localize_script( 'jquery', 'my_ajax_vars', array(
    'ajaxurl'       => admin_url( 'admin-ajax.php' )
);

Generalmente es mejor registrar y encolar los scripts en lugar de escribirlos directamente en las plantillas, especialmente en header.php. Tal como está escrito, tu Javascript se carga en cada página y es poco probable que se necesite en todas.

s_ha_dum

65.5K

19 ago 2013 16:42:47

jepser 453 · Answer 3 · 2013-08-19T07:23:44Z

Primero que nada, sanitiza todos tus datos.

En segundo lugar, prefiero hacerlo así:

jQuery(function($){
    $("#myform").validate({
        debug: false,
        rules: {
            name: "required",
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            name: "Por favor dinos quién eres.",
            email: "Un email válido nos ayudará a contactarte.",
        },
        submitHandler: function(form) {
            // hacer otras cosas para un formulario válido
            // si no tienes tu script localizado y lo agregarás en header.php (no es una buena práctica)
            $.post(
               '<?php echo admin_url('admin-ajax.php'); ?>',
               form.serialize(),
               function(data){
                   // solo para verificar los datos
                   console.log(data);
                   $('#results').html(data);
               }

            });
            jQuery.post('/wp-admin/admin-ajax.php', jQuery("#myform").serialize(), function(data) {
                jQuery('#results').html(data);
            });
        }
    });
});

Y en tu archivo php (functions.php):

Asegúrate de agregar die(); al final de las funciones.

function myform(){
       echo "Formulario enviado exitosamente: <br>Tu nombre es <b>".$_POST['name']."</b> y tu email es <b>".$_POST['email']."</b><br>"; 
       die();
    }
    add_action('wp_ajax_myform', 'myform');
    add_action('wp_ajax_nopriv_myform', 'myform');

Rob Vermeer 5.18K · Answer 4 · 2013-12-23T14:58:02Z

Olvidaste colocar tu acción (wp) en el formulario o función jQuery ajax.

Añade <input type="hidden" name="action" value="myform"> al formulario y este se enlazará con tus funciones ajax.

Rob Vermeer

5.18K

23 dic 2013 14:58:02