Send Email with PHP/AJAX From HTML Form

Question

I want to send the information the user has filled out from an HTML form to my email address. From my understanding, this cannot be done by using only client-side coding due to the nature of how emails work, and suggested to use PHP (combined with AJAX) to handle the server-side code. I followed the guide here but I am not receiving any emails at my email address. I am testing locally on my machine (using XAMPP) before I deploy my code on my client's web space (goDaddy). I want to note that I have never used PHP before.

Javascript:

var data = "This is my email";
$.ajax({
    type: "POST",
    url: "email.php",
    data: data,
    dataType: "text"
});

PHP (email.php):

<?php
$to = "[email protected]";
$subject = "This is my email";
$message = $_REQUEST;
$send = mail($to, $subject, $message);
if(!$send){    
    die();  
}
?>

Do you have a mail delivery mechanism on your local machine which can be used by php? — PeeHaa
– PeeHaa, Commented Jul 1, 2012 at 15:53
BTW The message will only print the text Array, because $_REQUEST is an array. — PeeHaa
– PeeHaa, Commented Jul 1, 2012 at 15:56
You might also need to setup your email settings in XAMPP. Check here: stackoverflow.com/questions/4652566/php-mail-setup-in-xampp — septemberbrain
– septemberbrain, Commented Jul 1, 2012 at 15:57
Oh, I didn't realize you needed a mail delivery mechanism. I will install that now. What about when I deploy my code onto my client's webhost (goDaddy)? Will I need to do anything special? — Jon
– Jon, Commented Jul 1, 2012 at 16:03

Community · Accepted Answer · 2017-05-23 12:15:23Z

2

XAMPP doesn't have an e-mail sending thing by itself as default. You may check the links below;

php mail setup in xampp

How do I enable XAMPP to locally use the php's mail() function so I can test my mail() scripts locally without having to upload to my server?

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jul 1, 2012 at 16:03

Mustafa

8253 gold badges16 silver badges37 bronze badges

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

Comments

Uhehesh · Accepted Answer · 2012-07-01 15:56:44Z

2

You should replace $_REQUEST with $_REQUEST["data"] or something like this, because $_REQUEST is an array.

answered Jul 1, 2012 at 15:56

Uhehesh

5162 gold badges8 silver badges22 bronze badges

9 Comments

PeeHaa Over a year ago

Although you are correct I doubt it will solve the issue of OP.

11684 Over a year ago

@PeeHaa Why? Give Uhehesh a chance to improve his/her answer.

Uhehesh Over a year ago

I think my answer won't really help him with e-mail issue but will save his time thinking about why only "Array" is sent.

Jon Over a year ago

@Uhehesh Ah, I did not realize that. That would have saved me quite a lot of time. Thank you :)

jcubic Over a year ago

Also if you use $_REQUEST["data"] then you need data: {data: data} in ajax call.

|

Bluerain · Accepted Answer · 2013-02-25 12:35:30Z

all time the page is being refreshed. Below is my code:

HTML 5:

<form method="post" data-ajax="false">
<input type="text" name="email" placeholder="[email protected], [email protected]">
<input type="submit" name="submit" value="Invite" class="submitBtn"> 
</form>

JS:

$('form').bind('submit',function(){
$.ajax({
type    : 'POST',
url     : 'data/invite.php',
data    : $(this).serialize(),
cache   : false,
dataType: 'text',
success : function (serverResponse) { alert('mail sent successfully.'); },
error   : function (jqXHR, textStatus, errorThrown) {alert('error sending mail');}
});
})

PHP:

<?php
$to         = $_POST['mail'];
$name       = 'Indusnet Technologies';
$subject    = 'Think Recycle';
$text       = 'Welcome to our site';

$message =' You received  a mail from '.$name;
$message .='Text of the message : '.$text;

if(mail($to, $subject,$message)){
    echo 'mail successful send';
}
else{
    echo 'there’s some errors to send the mail, verify your server options';
}
?>

Mudaser Ali · Accepted Answer · 2012-12-28 08:05:13Z

0

var data = "This is my email";
$.ajax({
    type: "POST",
    url: "email.php",
    data: data,
    dataType: "text"
});

This Code shoud be like this

var data = "This is my email";
$.ajax({
    type: "POST",
    url: "email.php",
    data: {"data": data},
    dataType: "text"
});

and get in code either through $_POST['data'] or $_REQUEST['data']

answered Dec 28, 2012 at 8:05

Mudaser Ali

4,3593 gold badges30 silver badges32 bronze badges

Comments

Kamil · Accepted Answer · 2013-05-05 21:12:09Z

0

You probably should return false to the form. Try this:

$('form').submit(function(){
  $.ajax({
    type    : 'POST',
    url     : 'data/invite.php',
    data    : $(this).serialize(),
    cache   : false,
    dataType: 'text',
    success : function (serverResponse) { alert('mail sent successfully.'); },
    error   : function (jqXHR, textStatus, errorThrown) {alert('error sending mail');}
  });

return false;
})

answered May 5, 2013 at 21:12

Kamil

1

Collectives™ on Stack Overflow

Send Email with PHP/AJAX From HTML Form

5 Answers 5

Comments

9 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

9 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related