0

時間を割いていただきありがとうございます。視覚的なショッピング カートをパララックス サイトの複数のページに組み込む作業を行っています。視差の各「ページ」がフォームを開いたり閉じたりするため、連続したフォームを使用することはできません。これを改善するために、jquery を使用して、前のページの選択肢の値を 1 つのページに配置し、スパンを埋めています。

これらの最終的な選択肢を dom から ajax を使用して取得し、それらを処理ページに配置して顧客の選択情報を保存し、それを dwolla トランザクションと照合できるようにしたいと考えています。データをphp処理ページに取得できず、エコー可能な値を返すことができなかったため、まだdwollaトランザクションを設定して確認する必要はありません。ちなみに、これはwordpressから構築されており、多くの場合、wordpressが実装しているフィルターは私を台無しにします。

これがサイトです。 http://ecigjuiceclub.com

コードにジャンプしましょう！

AJAX:

function post()
{
    var name = $('#cname').val();
    var street1 = $('#cstreet').val();
    var street2 = $('#cstreet2').val();
    var city = $('#ccity').val();
    var state = $('#cstate').val();
    var zip = $('#czip').val();
    var email = $('#cemail').val();
    var phone = $('#cphone').val();
    var flavor = $('#cflavor').val();
    var strength = $('#cstrength').val();
    var refcode = $('#crefcode').val();
    $.post('process.php',{postname:cname,poststreet1:cstreet,poststreet2:cstreet2,postcity:ccity,poststate:cstate,postzip:czip,postemail:cemail,postphone:cphone,postflavor:cflavor,poststrength:cstrength,postref:crefcode},
    function(data)
    {
        $('#thankyou').html(data);
    });
}

PHP process.php

<?php
$name = $_POST['postname'];
$street1 = $_POST['poststreet1'];
$street2 = $_POST['poststreet2'];
$city = $_POST['postcity'];
$state = $_POST['poststate'];
$zip = $_POST['postzip'];
$email = $_POST['postemail'];
$phone = $_POST['postphone'];
$flavor = $_POST['postflavor'];
$strength = $_POST['poststrength'];
$refcode = $_POST['postref'];

if($zip == 90804)
{
    echo "1";
}
else
{
  echo "0";
}
?>

HTML スニペット (取得しようとしている DOM の場所):

<span style="color:#EF5D3D;">Email:  </span><span style="font-size:28px;" id="cemail"></span>
<span style="color:#EF5D3D;">Phone:  </span><span style="font-size:28px;" id="cphone"></span>
4

3 に答える 3

0 
var email = $('#cemail').text();
var phone = $('#cphone').text();

これらは、post() 関数の置換である必要があります。post() 関数の開始時に (例として) アラート メッセージを追加すると、Ajax リクエストで渡される前に値を確認するのに役立ちます。

alert($('#cemail').text() + ' ' $('#cphone').text());

また、JavaScript の編集が実装されていることを確認するために、必ずキャッシュをクリアしてください。

于 2013-06-23T09:47:47.493 に答える