it-roy-ru.com

jQuery AJAX Форма с использованием почты () PHP скрипт отправляет письмо, но POST данные из формы HTML не определены

Спасибо, что нашли время посмотреть, ребята. Я создаю довольно простую AJAX контактную форму, используя jQuery. Письмо отправляется, но после его открытия данные POST отсутствуют, поэтому я просто получаю строки, которые я определил в скрипте PHP. В почтовом клиенте моего телефона содержание письма буквально говорит «неопределено». Я попытался добавить разные типы данных заголовка безрезультатно, и несколько вариантов функции PHP mail (). 

Я более чем готов принять более простое решение для простой формы AJAX, поэтому заранее благодарю за любые новые подходы. 

Вот форма:

   <section id="left">
      <label for="form_name">Name</label>
      <input name="form_name" id="form_name" type="text" >

      <label for="form_email">Email</label>
      <input name="form_email" id="form_email" type="email" >
   </section>

   <section id="right">
      <label for="form_msg">Message</label>
      <textarea name="form_msg" id="form_msg"></textarea>
      <input id="submit" class="button" name="submit" type="submit" value="Send">
   </section>

</form>

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 + '&email=' + email + '&text=' + text;

        $.ajax({
            type: "POST",
            url: "email.php",
            data: dataString,
            success: function(){
            $('.success').fadeIn(1000);
            }
        });

        return false;
    });
});

Скрипт PHP (внешний файл 'email.php'):

<?php
if($_POST){
    $name = $_POST['form_name'];
    $email = $_POST['form_email'];
    $message = $_POST['form_msg'];

//send email
    mail("[email protected]", "This is an email from:" .$email, $message);
}
?>
11
Jason Sears

Нет необходимости составлять строку запроса. Просто поместите ваши значения в объект, и jQuery позаботится обо всем остальном за вас.

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);
    }
});
19
Seain Malkin

Оставьте свой код email.php таким же, но замените этот код JavaScript:

 var name = $("#form_name").val();
        var email = $("#form_email").val();
        var text = $("#msg_text").val();
        var dataString = 'name='+ name + '&email=' + email + '&text=' + text;

        $.ajax({
            type: "POST",
            url: "email.php",
            data: dataString,
            success: function(){
            $('.success').fadeIn(1000);
            }
        });

с этим:

    $.ajax({
        type: "POST",
        url: "email.php",
        data: $(form).serialize(),
        success: function(){
        $('.success').fadeIn(1000);
        }
    });

Так что ваши входные имена в форме совпадают.

6
Jannie Theunissen

Вы используете неправильные параметры сообщения:

    var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
                      ^^^^-$_POST['name']
                                       ^^^^--$_POST['name']
                                      etc....

Идентификаторы javascript/html не имеют отношения к фактическому POST, особенно когда вы строите свою собственную строку данных и не используете те же идентификаторы.

4
Marc B

Вы используете неправильное имя параметра, попробуйте:

if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("[email protected]", "51 Deep comment from" .$email, $message);
}
4
Garis M Suero

Ваш код должен быть:

   <section id="right">
      <label for="form_msg">Message</label>
      <textarea name="form_msg" id="#msg_text"></textarea>
      <input id="submit" class="button" name="submit" type="submit" value="Send">
   </section>

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);
    }
});

PHP:

<?php
if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("[email protected]","My Subject:",$email,$message);
}
?>
2
Hil

Ваш скрипт PHP (внешний файл 'email.php') должен выглядеть так:

<?php
if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("[email protected]", "51 Deep comment from" .$email, $message);
}
?>
0
EmCo