PHP unable to retrieve data from jQuery's serialize()

Question

I'm trying to send an e-mail with contact information through Wordpress's native PHPMailer class and Ajax. Here's the relevant code:

jQuery(document).ready(function() {
  jQuery('#formContato').submit(ajaxSubmit);

  function ajaxSubmit() {
    var newCustomerForm = jQuery('#formContato').serialize();

    jQuery.ajax({
      type: "POST",
      url: "<?php echo site_url(); ?>/wp-admin/admin-ajax.php",
      data: {
        action: 'sendmail',
        newCustomerForm
      },
      success: function(data) {

        jQuery("#alertaOk").show();
        console.log(data);
        console.log(newCustomerForm);
      },
      error: function(errorThrown) {

        jQuery("#alertaErro").show();
        console.log(errorThrown);
      }
    });
    return false;
  }
});

#alertaOk {
  display: none;
}

#alertaErro {
  display: none;
}

<form id="formContato" method="post">
  <div class="row">
    <div class="col-sm-6 form-group">
      <input class="form-control" id="name" name="name" placeholder="Nome" type="text" required>
    </div>
    <div class="col-sm-6 form-group">
      <input class="form-control" id="email" name="email" placeholder="E-mail" type="email" required>
    </div>
  </div>
  <textarea class="form-control" id="comments" name="comments" placeholder="Mensagem" rows="5"></textarea><br>
  <div class="row">
    <div class="col-sm-12 form-group">
      <button class="btn btn-default pull-left btn-laranja" type="submit">Enviar</button>
    </div>
  </div>
  <div id="alertaOk" class="alert alert-success">
    <strong>Obrigado!</strong> Recebemos sua mensagem e entraremos em contato em breve.
  </div>
  <div id="alertaErro" class="alert alert-danger">
    <strong>Algo deu errado.</strong> Nossos administradores já foram avisados, por favor envie sua mensagem para o e-mail <a href="[email protected]">[email protected]</a> .
  </div>
</form>

The Ajax sends the data to a function in Wordpress's functions.php file that calls PHPMailer. Before initializing PHPMailer I'm retrieving the ajax data like this:

$nome = trim($_POST['name']);
$mensagem = trim($_POST['comments']);
$email = trim($_POST['email']);

and then trying to print it into the email's body:

    $mail->Body = "Nome: " . $nome . "\nE-mail: " . $email . "\nMensagem: " . $mensagem;

PHP executes the functions just right, I receive the test emails, but it's not receiving the data from the Ajax call. The console is showing the serialized data, which means that it's not wrong, but somehow it's not reaching the PHP script. I suspect it's something related to Wordpress.

Thanks in advance.

don't you have to name the serialized data? action: 'sendmail',newCustomerForm:newCustomerForm — Funk Doc
– Funk Doc, Commented Nov 28, 2017 at 19:30
@FunkDoc no... developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — chiliNUT
– chiliNUT, Commented Nov 28, 2017 at 20:33

imtheman · Accepted Answer · 2017-11-28 20:15:16Z

1

Your newCustomerForm needs to have a key in data:

data: {
   action: 'sendmail',
   custForm: newCustomerForm
}

And in your PHP file you will need to parse the custForm string:

parse_str($_POST['custForm'], $form);
//Then access the custForm data using $form, e.g. $form['name']

answered Nov 28, 2017 at 20:15

imtheman

4,8631 gold badge32 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

chiliNUT Over a year ago

you're on the money with parse_str, however the data: object was fine as written, he doesn't need to give newCustomerForm a key.

Forbs · Accepted Answer · 2017-11-28 19:36:06Z

0

You can't pass two different type of 'parameters' at the same time, either you pass the serialized data or you pass it by each element. Put the action into the newCustomerForm before you serialize it. So

 data: {
    action: 'sendmail',
    newCustomerForm
  },

is

 data: newCustomerForm,

answered Nov 28, 2017 at 19:36

Forbs

1,2761 gold badge7 silver badges10 bronze badges

2 Comments

imtheman Over a year ago

This is incorrect, you can have many parameters.The only problem is that newCustomerForm doesn't have a key. As @Funk Doc commented.

Forbs Over a year ago

newCustomerForm is an serialized array, so wouldn't need a key. But he's trying to mix a single entry with an array and address it as an array. He needs to change either the way he passes the data or change the php on how he reads it. I went for the Javascript way.

Collectives™ on Stack Overflow

PHP unable to retrieve data from jQuery's serialize()

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related