使用 AJAX 将 Spans 的值传递给 php

Question

感谢您抽出宝贵时间。 我正在努力将视觉购物车构建到视差网站的多个页面中。 因为视差的每个"页面"都会强制打开和关闭一个表单，所以我不能使用连续的形式。 为了解决这个问题，我使用 jquery 将前面页面上的选项值放在一个页面中，填充跨度。

我希望能够使用 ajax 从 dom 中获取这些最终选择，将它们放入处理页面以存储客户的选择信息，并根据 dwolla 事务进行检查。 我还没有设置 dwolla 事务并检查，因为我无法将我的数据发送到 php 处理页面，并让它返回可回显的值。 顺便说一下，这是建立在wordpress之上的，而且很多时候，过滤器wordpress正在实现搞砸我。

这是网站; http://ecigjuiceclub.com

让我们跳入代码！

阿贾克斯：

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进程.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>

Answer 1

我认为你最好尝试 innerHTML 而不是值 我不知道 jQuery 中的确切语法。 我更喜欢你使用输入或 否则 SPAN

Answer 2

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

这些应该是 post(( 函数上的替换。在 post(( 函数的开头添加一条警报消息(例如(可以帮助您在 Ajax 请求中传递它们之前检查它们的值。

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

还要确保清除缓存，以确保您的 javascript 编辑已实现。

Answer 3

控制台显示以下错误，这些错误可能会也可能不会阻止其他脚本运行：

未捕获的引用错误：未定义现代化 ecigjuiceclub.com/:825

阻止了原点为"https://www.youtube.com"的帧访问 原点为"http://ecigjuiceclub.com"的框架。 请求的帧 访问具有"https"协议，被访问的帧具有 "http"的协议。协议必须匹配。