2

我正在尝试在我的网站上编写条带结帐组件。这使用“支付你喜欢的”选项，所以我需要一种通过 ajax 发送总价值数据的方法。

const url = '/shop/api/test.cfm';
const sendCheckoutData = () => {
    const data = {};
    data.total = $('.total').val() * 100;
    console.log(data);
    if(!isNaN(data.total)) {
        $.ajax({
            url,
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            success(data) {
                console.log('checkoutData sent');
                returnCheckoutData();
            },
            error(status) {
                console.log('checkoutData not sent', status.statusText);
            }
        });
    }
}
const returnCheckoutData = () => {
    $.ajax({
        url,
        type: 'GET',
        contentType: 'application/json',
        success(data) {
            console.log('checkoutData returned');
        },
        error(status) {
            console.log('checkoutData not returned', status.statusText);
        }
    });
}

在我的 cfm 文件中，我有以下内容：

<cfset requestBody = toString( getHttpRequestData().content ) />
<!--- Double-check to make sure it's a JSON value. --->
<cfif isJSON( requestBody )>
    <cfset VARIABLES.checkoutData = deserializeJSON( requestBody )>
</cfif>

<cfscript>
    secretKey = "MY_SECRET_KEY";
    crlf = chr(13)&chr(10);
    headers = "Content-Type: application/x-www-form-urlencoded"&crlf;
    headers &= "Authorization: Bearer "&secretKey&crlf;
    body = "success_url="&URLEncodedFormat("https://slackwise.org.uk/shop/checkout/complete.cfm")
                &"&cancel_url="&URLEncodedFormat("https://slackwise.org.uk/shop/checkout/fail.cfm")
                &"&payment_method_types[]=card"
                &"&line_items[0][amount]=#VARIABLES.checkoutData.total#"
                &"&line_items[0][currency]=gbp"
                &"&line_items[0][quantity]=1"
                &"&line_items[0][name]=widget";
</cfscript>

<cfx_http5 out="http5" method="post" url="https://api.stripe.com/v1/checkout/sessions" headers="#headers#" body="#body#" ssl="5">

<cfdump var="#deserializeJSON(http5)#">

在发布请求上，它看起来好像VARIABLES.checkoutData被设置为正确的数量，并且被传递到&line_items[0][amount]正文中。在 ajax 发布成功时，我想做一个 get 请求以返回新值并生成一个条带令牌，但这失败了。

我得到以下调试

Message: Element CHECKOUTDATA.TOTAL is undefined in VARIABLES.

我不确定是否正在重置 var。

我还尝试创建一个 cfc 并将我的 requestBody 函数包装在组件中，以及整个函数（使用 cfx_http5 调用）。

我不是 100% 确定 contentType 对于 get 请求是否正确，cfm 文件的默认 contentType 是什么？我尝试将其删除，并将其设置为 multipart/form-data，但可能我的方法不正确。

非常感谢任何帮助。

编辑

发布请求 cfdump

struct
allow_promotion_codes   null
amount_subtotal 2400
amount_total    2400
billing_address_collection  null
cancel_url  https://slackwise.org.uk/shop/checkout/fail.cfm
client_reference_id null
currency    gbp
customer    null
customer_email  null
display_items   
array
1   
struct
amount  2400
currency    gbp
custom  
struct
description null
images  null
name    widget
quantity    1
type    custom
id  cs_test_removed
livemode    NO
locale  null
metadata    
struct [empty]
mode    payment
object  checkout.session
payment_intent  pi_1HSjSJIMlFPwHnRlo3DnfC0N
payment_method_types    
array
1   card
payment_status  unpaid
setup_intent    null
shipping    null
shipping_address_collection null
submit_type null
subscription    null
success_url https://slackwise.org.uk/shop/checkout/complete.cfm
total_details   
struct
amount_discount 0
amount_tax  0

在此处输入图像描述

4

0 回答 0