jQuery AJAX form using mail PHP script sends email but POST data from HTML form is undefined

Question

Thanks for taking the time to look  guys  I m creating a pretty basic AJAX contact form using jQuery  The email sends  but upon opening the email there is no POST data  so I just get the strings I defined in the PHP script  On my phone s email client  the content of the email literally says  undefined   I ve tried adding different types of header data to no avail  and a number of variations on the PHP mail   function    I am more than willing to adopt an easier solution for a simple AJAX form  so thanks in advance for any new approaches    Here is the form            lt section id  left  gt         lt label for  form name  gt Name lt  label gt         lt input name  form name  id  form name  type  text   gt          lt label for  form email  gt Email lt  label gt         lt input name  form email  id  form email  type  email   gt      lt  section gt       lt section id  right  gt         lt label for  form msg  gt Message lt  label gt         lt textarea name  form msg  id  form msg  gt  lt  textarea gt         lt input id  submit  class  button  name  submit  type  submit  value  Send  gt      lt  section gt    lt  form gt    The jQuery AJAX     function             contact  button   click function             var name       form name   val            var email       form email   val            var text       msg text   val            var dataString    name    name     amp email     email     amp text     text             ajax               type   POST               url   email php               data  dataString              success  function                    success   fadeIn 1000                                      return false                The PHP script  external file  email php      lt  php if   POST        name     POST  form name         email     POST  form email         message     POST  form msg       send email     mail  email gmail com    This is an email from     email   message       gt

User · Answer

You re using the wrong post parameters       var dataString    name    name     amp email     email     amp text     text                            -  POST  name                                              --  POST  name                                         etc       The javascript html IDs are irrelevant to the actual POST  especially when you re building your own data string and don t use those same IDs

User · Answer

You are using the wrong parameters name  try   if   POST        name     POST  name         email     POST  email         message     POST  text       send email     mail  j andrew sears gmail com    51 Deep comment from    email   message

User · Answer

There is no need to make a query string  Just put your values in an object and jQuery will take care of the rest for you   var data         name      form name   val        email      form email   val        message      msg text   val        ajax       type   POST       url   email php       data  data      success  function                success   fadeIn 1000

User · Answer

Leave your email php code the same  but replace this JavaScript code    var name       form name   val            var email       form email   val            var text       msg text   val            var dataString    name    name     amp email     email     amp text     text             ajax               type   POST               url   email php               data  dataString              success  function                    success   fadeIn 1000                               with this         ajax           type   POST           url   email php           data    form  serialize            success  function                success   fadeIn 1000                       So that your form input names match up

User · Answer

You code should be       lt section id  right  gt         lt label for  form msg  gt Message lt  label gt         lt textarea name  form msg  id   msg text  gt  lt  textarea gt         lt input id  submit  class  button  name  submit  type  submit  value  Send  gt      lt  section gt    Js  var data         name      form name   val        email      form email   val        message      msg text   val        ajax       type   POST       url   email php       data  data      success  function                success   fadeIn 1000               The PHP    lt  php if   POST        name     POST  name         email     POST  email         message     POST  text       send email     mail  email gmail com   My Subject    email  message       gt

User · Answer

Your PHP script  external file  email php   should look like this    lt  php if   POST        name     POST  name         email     POST  email         message     POST  text       send email     mail  j andrew sears gmail com    51 Deep comment from    email   message       gt

[php] jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined

Examples related to php

Examples related to javascript

Examples related to jquery

Examples related to ajax

Examples related to html