見てくれてありがとう。 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 protected]", "This is an email from:" .$email, $message);
}
?>
クエリ文字列を作成する必要はありません。オブジェクトに値を入力するだけで、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);
}
});
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);
}
});
フォーム入力名が一致するようにします。
間違った投稿パラメーターを使用しています:
var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
^^^^-$_POST['name']
^^^^--$_POST['name']
etc....
Javascript/html IDは実際のPOSTとは無関係です。特に、独自のデータ文字列を作成していて、同じIDを使用しない場合はそうです。
間違ったパラメーター名を使用しています。試してください:
if($_POST){
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['text'];
//send email
mail("[email protected]", "51 Deep comment from" .$email, $message);
}
コードは次のようにする必要があります。
<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);
}
?>
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);
}
?>