14

見てくれてありがとう、みんな。私はjQueryを使用してかなり基本的なAJAXコンタクトフォームを作成しています。メールは送信されますが、メールを開くと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@gmail.com", "This is an email from:" .$email, $message);
}
?>
4

6 に答える 6

22

クエリ文字列を作成する必要はありません。値をオブジェクトに入れるだけで、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);
    }
});
于 2013-03-08T18:10:45.540 に答える
6

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

フォームの入力名が一致するようにします。

于 2013-03-08T18:34:33.900 に答える
4

間違った投稿パラメータを使用しています：

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

javascript / html IDは、実際のP​​OSTとは無関係です。特に、独自のデータ文字列を作成していて、同じIDを使用しない場合はそうです。

于 2013-03-08T18:08:21.750 に答える
3

間違ったパラメータ名を使用しています。次のことを試してください。

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);
}
于 2013-03-08T18:14:54.783 に答える
2

コードは次のようになります。

   <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@gmail.com","My Subject:",$email,$message);
}
?>
于 2017-08-20T11:02:00.993 に答える
0

PHPスクリプト（外部ファイル'email.php'）は次のようになります。

<?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);
}
?>
于 2013-03-08T18:11:04.357 に答える