Javascript 如何使用通过AJAX发送到php的签出令牌创建条带费用

Javascript 如何使用通过AJAX发送到php的签出令牌创建条带费用,javascript,php,jquery,ajax,stripe-payments,Javascript,Php,Jquery,Ajax,Stripe Payments,我正在尝试使用Stripe的新签出功能和一个自定义按钮,通过AJAX POST将令牌发送到一个php文件,然后该文件将执行计费。不幸的是,从POST变量检索令牌时遇到了一些问题。我希望这里有人能告诉我,我正在过度复杂化什么,如果有更简单的方法可以做到这一点 在客户端,我有5个按钮,上面有不同的“捐赠”。以下是迄今为止为此编写的js(不包括html): 这是我处理AJAX POST调用的php: <?php require_once('Stripe.php'); // Set your

我正在尝试使用Stripe的新签出功能和一个自定义按钮,通过AJAX POST将令牌发送到一个php文件,然后该文件将执行计费。不幸的是,从POST变量检索令牌时遇到了一些问题。我希望这里有人能告诉我,我正在过度复杂化什么,如果有更简单的方法可以做到这一点

在客户端,我有5个按钮,上面有不同的“捐赠”。以下是迄今为止为此编写的js(不包括html):

这是我处理AJAX POST调用的php:

<?php

require_once('Stripe.php');

// Set your secret key: remember to change this to your live secret key in production
// See your keys here https://manage.stripe.com/account
Stripe::setApiKey("sk_test_APIKEYREDACTED");

// Get the credit card details submitted by the form
$token = json_decode($_POST['chargeData']);
$tokenid = $token['id'];

// Create the charge on Stripe's servers - this will charge the user's card
try {
$charge = Stripe_Charge::create(array(
  "amount" => 2000, // amount in cents, again
  "currency" => "usd",
  "card" => $tokenid,
  "description" => "payinguser@example.com")
);
echo 'success';
} catch(Stripe_CardError $e) {
  // The card has been declined
    echo $tokenid;
}

?>

php错误日志中提到的这段代码的直接结果是令牌的POST变量不能被“读取”。令牌的创建是正常的(我看到它登录到控制台上),但是当我通过AJAX发送它时,它消失了

每个人都说Stripe非常容易实现,所以我真的觉得我错过了一些东西。有人能透露一些信息吗


谢谢

所以在小睡了10个小时,头脑清醒了很多之后,我决定用一种稍微不同的方式来解决这个问题。这是为任何其他遇到与我相同问题的人准备的,希望能作为stripe/ajax/php教程很好地工作。事实证明我一直在想POST数据都是错的。即使使用AJAX,您也需要一个键和值对来发送任何类型的POST数据。我已经为此重新编码了js的这一部分:

  var handler = StripeCheckout.configure({
    key: 'PUBLISHABLEKEY',
    image: '/square-image.png',
    token: function(token, args) {
      // Use the token to create the charge with a server-side script.
      // You can access the token ID with `token.id`
      console.log(token)
      $.ajax({
          url: 'link/to/php/stripeDonate.php',
          type: 'post',
          data: {tokenid: token.id, email: token.email, donationAmt: donationAmt},
          success: function(data) {
            if (data == 'success') {
                console.log("Card successfully charged!");
            }
            else {
                console.log("Success Error!");
            }

          },
          error: function(data) {
            console.log("Ajax Error!");
            console.log(data);
          }
        }); // end ajax call
    }
  });
请注意,一个主要更改是ajax方法的数据属性。控制台日志记录令牌对象显示整个JSON令牌对象,您可以使用该对象提取ID(服务器需要发送到stripe以收取费用)以及电子邮件(用于日志记录目的)。因为我有一个可变的捐赠金额,所以我也把它作为第三把钥匙

现在在php中,为了获取这些POST变量并将其放入php变量中,您可以使用它们各自的键获取它们:

$tokenid = $_POST['tokenid'];
$donation = $_POST['donationAmt'];
$email = $_POST['email'];
然后,所有其他内容都应该是不言自明的(下面的示例与stripe php教程几乎完全相同)


不管怎样,希望这能帮助别人。祝你好运

我需要ajax才能让自定义按钮正常工作吗?也许你可以帮我扣一下我没法用它来刷卡不你没有。您可以随时提交表格。我选择了AJAX,所以我不必添加额外的标记(比如编写表单代码)。请注意,stripe的“自定义按钮签出”功能不收取任何费用,它只创建一个令牌。您用来在php中创建费用的ID。您不知道这对我有多大帮助。非常感谢!这方面做得很好。在这件事上挣扎了2个小时!
$tokenid = $_POST['tokenid'];
$donation = $_POST['donationAmt'];
$email = $_POST['email'];