php - 收到空电子邮件

Question

这里是 php mailer.php 文件

<?php

$to = "abc@gmail.com";
$subject = "Contact via website";
$name_field = $_REQUEST['name'];
$email_field = $_REQUEST['email'];
$message = $_REQUEST['message'];

$body = "From: $name_field\n E-Mail: $email_field\n Message:\n $message";

mail($to, $subject, $body);

?>

这是jquery代码

$('.submit').click(function(){
            $('span.msg').css({'visibility': 'visible'}).text('Sending...');
            $.post("mailer.php", $(".contactPage").serialize(),
                function(data){
                    $('span.msg').text('Your Message has been received. Thank you').show();
                });

            return false;    

这是html代码

<div class="contactPage">   
    <label>Name</label>
    <input type="text" name="name" class="txt" />
    <label>Email</label>
    <input type="text" name="email" class="txt" />
    <label>Message</label>
    <textarea class="txt_area" name="message" rows="5" cols="30"></textarea>        
    <input type="button" class="submit" value="" />
    <span class="msg">Your Message has been received. Thank you</span>  
</div>
        });

但我收到空电子邮件......

Answer 1

.serialize() 仅适用于 <form>元素，因此您需要替换它:

<div class="contactPage">   

有了这个(以及匹配的结束标签):

<form class="contactPage">  

还可以使用 submit为了安全起见，事件如下:

$('.contactPage').submit(function(){
  $('span.msg').css({'visibility': 'visible'}).text('Sending...');
  $.post("mailer.php", $(this).serialize(), function(data){
    $('span.msg').text('Your Message has been received. Thank you').show();
  });
  return false;
});

Here's a demo showing how serializing <div> doesn't work, but a <form> does :)