0

まず最初に：私はジェフリーウェイがインザウッズで作成したメールスクリプトを使用しています。

私は次のような単純なフォームを持っています：

<form method="post" action="sendEmail.php" id="form_reserveren">
<div id="container">

    <div id="main" style="width: 100%; height: auto; float: left;">
        <div class="left">
            <h3>Uw gegevens</h3>
            <p style="margin-bottom: 30px; height: 40px; width: 100%;">
                <input type="radio" id="zml_geslacht" name="zml0" value="de Heer"/><span style="float: left; margin-top: -5px; height: 25px;">de Heer</span><br />
                <input type="radio" id="zml_geslacht" name="zml0" value="Mevrouw"/><span style="float: left; margin-top: -5px; height: 25px;">Mevrouw</span>
            </p>
            <p>
                <input type="text" id="zml_voornaam" name="zml1" value="Uw voornaam" onblur="if(this.value=='') this.value='Uw voornaam';" onfocus="if(this.value=='Uw voornaam') this.value='';"/>
                <input type="text" id="zml_achternaam" name="zml2" value="Uw achternaam *" onblur="if(this.value=='') this.value='Uw achternaam *';" onfocus="if(this.value=='Uw achternaam *') this.value='';"/>
            </p>
            <p>
                <input type="text" id="zml_email" name="zml3" value="Uw e-mailadres *" onblur="if(this.value=='') this.value='Uw e-mailadres *';" onfocus="if(this.value=='Uw e-mailadres *') this.value='';"/>
            </p>
        </div>

        <div class="right">
            <h3>Uw reservering</h3>
            <p style="height:68px;">
                <textarea name="zml13" id="zml_opmerkingen" rows="12">Opmerkingen</textarea>
            </p>    


            <p><input type="submit" name="submit" id="submit" value="Email Us!" /></p>
            <ul id="response" />
        </div>
    </div><!--end main -->

</div><!-- end container -->
</form>

これは、次のようにajaxを通過します。

var zml0 = $('input#zml_geslacht').html( $(':checked').val());
var zml1 = $('input#zml_voornaam').val();
var zml2 = $('input#zml_achternaam').val();
var zml3 = $('input#zml_email').val();
var zml13 = $('textarea#zml_opmerkingen').val();

$.ajax({
    type: 'post',
    url: 'sendEmail.php',
    data: 'zml0=' + zml0 + '&zml1=' + zml1 + '&zml2=' + zml2 + '&zml3=' + zml3 + '&zml13=' + zml13,

    success: function(results) {
        $('#main img.loaderIcon').fadeOut(1000);
        $('ul#response').html(results);
    }
}); // end ajax

その後、sendEmail.phpにアクセスして、フォームを電子メールアドレスに送信します（データベースに保存します）。クエリは次のとおりです。

 $zml0 = $_REQUEST['zml0']; // Geslacht

    // database connection
$conn = new PDO("mysql:host=$dbhost;dbname=$dbname",$dbuser,$dbpass);


// query
$sql = "INSERT INTO test (zml0,zml1,zml2) VALUES (:zml0,:zml1,:zml2)";
$q = $conn->prepare($sql);
$q->execute(array(':zml0'=>$zml0,
                  ':zml1'=>$zml1,
                  ':zml2'=>$zml2));

すべてが機能します。Genderラジオボタンを除いて、名前、電子メールアドレスなどもあります（オランダ語のGenderはGeslachtです。スパマーをもう少し防ぐために、zml0と名付けています）。もちろん、ユーザーは女性または男性を選択する必要があります。

データベースに保存されると、[オブジェクトオブジェクト]とだけ表示されます。また、入力をエコーアウトするときも。どうすればこれを機能させることができますか？

4

2 に答える 2

1

この行が問題です：

var zml0 = $('input#zml_geslacht').html( $(':checked').val());

グローバル変数のように見えるので、他のチェックボックスをオンにしても問題ありません。常に初期値を送信します。それが正しければ、あなたはそうするでしょう。2番目の問題は、HTMLを取得しているだけですか？それから、実際の値ではありません。どうやらこれはオブジェクトを返しています。

ajax呼び出しは、その時点で入力されたフォームを取得する必要があります。

$.ajax({
    type: 'post',
    url: 'sendEmail.php',
    data: 'zml0=' + $('input[name=zml0]:checked').val(),

    success: function(results) {
        $('#main img.loaderIcon').fadeOut(1000);
        $('ul#response').html(results);
    }
});
于 2012-07-17T14:33:56.527 に答える
1

これを試して：

var zml0 = $('input[name=zml0]:checked').val();

あなたが試すことができる他のことは、より大きなフォームのためにあなたの人生を少し楽にするかもしれません：

$.ajax({
    type: 'post',
    url: 'sendEmail.php',
    data: $('#form_reserveren').serialize(),

    success: function(results) {
        $('#main img.loaderIcon').fadeOut(1000);
        $('ul#response').html(results);
    }
}); // end ajax
于 2012-07-17T14:32:09.983 に答える