带令牌的结帐费用

Question

我正在尝试使用 checkout.com 从信用卡中扣款。我正在使用带卡令牌的费用。我已经使用 checkoutkit.js 生成了卡令牌。并将该令牌传递给我的控制器，我正在那里进行付款电话。但我没有得到回复。即使在调试模式下，它也不会移动到下一行。我的视图和控制器代码：

        <script>
        window.CKOConfig = {
            debugMode: true,
            publicKey: 'pk_test_aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaac',
            customerEmail: 'random@email.com',
            ready: function (event) {
                console.log("CheckoutKit.js is ready");
                CheckoutKit.monitorForm('.card-form', CheckoutKit.CardFormModes.CARD_TOKENISATION);
            },
            apiError: function (event) {
                alert('api error');
            },
            cardTokenised: function(e) {
                $.ajax({
                    type: 'POST',
                    url: '@Url.Action("Charge")',
                    data: { cardToken: e.data.id },
                    success: function (data) {
                        alert(data);
                        location.reload();
                    },
                    error: function() {
                        alert('error');
                    }
                });
            }
        };
    </script>

    <script async src="https://sandbox.checkout.com/js/v1/checkoutkit.js"></script>

    <div class="jumbotron">
        <form class="card-form" method="POST">
            <input data-checkout="email-address" type="email" placeholder="Email address">
            <input data-checkout="card-number" type="text" placeholder="Credit card number">
            <input data-checkout="card-name" type="text" placeholder="Name on card">
            <input data-checkout="expiry-month" type="text" placeholder="MM">
            <input data-checkout="expiry-year" type="text" placeholder="YY">
            <input data-checkout="cvv" type="text" placeholder="CVV">
            <input type="submit" value="Pay Now">
        </form>
    </div>

[HttpPost]
            public ActionResult Charge(string cardToken)
            {
                APIClient CheckoutClient = new APIClient("sk_test_bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", Environment.Sandbox);

                CardTokenCharge cardTokenChargeModel = TestHelper.GetCardTokenChargeCreateModel(cardToken, TestHelper.RandomData.Email);

                HttpResponse<Charge> response = CheckoutClient.ChargeService.ChargeWithCardToken(cardTokenChargeModel);

                return Json(cardToken);
            }

Answer 1

我已经检查了该过程，它似乎工作正常，但是我想与您确认几件事。

请确保您按照以下步骤操作：

1- 您的脚本依赖于 JQuery，因此您需要确保您的 html 页面中有以下行，这样您的 Ajax 请求才能正常工作：

2- 当您填写所需的卡信息并单击立即付款按钮时，CheckoutKit.js 将首先连接到沙箱为您生成卡令牌，例如card_tok_C739732A...

您能否检查一下您是否在浏览器控制台中收到了成功的响应。

3- 获得卡令牌后，您的脚本将发布一个 Ajax 调用来调用您定义为操作方法的收费端点。

您能否检查您的操作中的 cardToken 参数是否填充了值。

4- 您能否调试您的代码以检查您是否收到以下调用的任何响应，因为它会返回响应（有 60 秒超时）：

HttpResponse 响应 = CheckoutClient.ChargeService.ChargeWithCardToken(cardTokenChargeModel);

让我们看看您会有什么反应，以便我们对此进行更多调查。我很乐意在这个问题上为您提供帮助。

谢谢