Jquery Ajax doesnt send send mail form

Question

I am trying to send email using AJAX and PHP but no success:(
My success function alerts me that it is WORKING but i get nothing in my mail box. PHP form is located in my ROOT folder and it is working so i know it is not PHP problem. Been trying for hours to solve this but no effect. Can someone help out? THX!!! This is what my console.log shows:

name=MY NAME&email=dejo.dekic@yahoo.com&message=SOME MESSAGE pagepays.js
POST http://www.homepagepays.robertpeic.com/kontakt.php 200 OK 284ms My jquery code looks like this:

      $('#button').click(function(){
      var name = $('#name').val();
      var email = $('#email').val();
      var message = $('#message').val();

      var data ='name=' + name + '&email=' + email + '&message=' + message;
      console.log(data);
      $.ajax({
      type:"POST",
      url:'kontakt.php',
      data: data,
      success: function(){
      alert('Working!');
      }

      });
      return false;
      });

try var data ='?name=' + name + '&email=' + email + '&message=' + message; — Sandeep Kumar, Jun 20 '12 at 14:01
In addtion, you should look into serializing your form so you do not need to declare every single variable in your `url` or `data` parameters. http://stackoverflow.com/questions/1184624/convert-form-data-to-js-object-with-jquery/1186309#1186309 — Dutchie432, Jun 20 '12 at 14:01
@Sandy: The data does not need a `?` if it is being passed into the `data` parameter. — Dutchie432, Jun 20 '12 at 14:02
Try to pass `data` like this: `{name:name,email:email,message:message}`. — Engineer, Jun 20 '12 at 14:06
Does you php script read the values passed? Change your success function to success: function(result){alert(result);} and inside your php script use — tliokos, Jun 20 '12 at 14:07
I put up a small post about serializing your form. http://jsfiddle.net/UXZQk/2/. Once you do this, in the PHP receiving code, you'll do `$formData = json_decode($_POST['formData'], true);` — Dutchie432, Jun 20 '12 at 14:13

score 1 · Answer 1 · edited May 07 '16 at 14:53

I don't see anything wrong with your jQuery. Does you php page actually send an email to you if you load it up with either variables in the URL, or with some default values within the page for the email?

You could try printing out the data that the php page is receiving by getting the data and then using this in your php page.

print("$name - $email - $message");

and then change your jQuery ajax call to this;

$.ajax({
  type:"POST",
  url:'kontakt.php',
  data: data,
  success: function(response){
    alert(response);
  }
});

This should tell you if the php page is working with the ajax call and the data you sent. If you don't get back the data you expected then there must be something with how the php page is getting its variables.

score 1 · Accepted Answer · answered Jun 20 '12 at 14:16

You might need to URI Encode your passed values. If any of the fields have = or &, it could throw your URL Off. Of course, based on my comments above, I think you should serialize your Form and encode that, it can also be done your way.

  var name = encodeURIComponent($('#name').val());
  var email = encodeURIComponent($('#email').val());
  var message = encodeURIComponent($('#message').val());

JSFiddle: http://jsfiddle.net/UXZQk/5/

Jquery Ajax doesnt send send mail form

2 Answers2