基于PayPal JS SDK的v2 REST API：多支付按钮函数触发优化问题

完全不需要为每个按钮重复编写回调函数，你可以把createOrder、onApprove这些通用逻辑抽离成独立的函数，然后在循环创建按钮时直接引用它们即可。这样既避免了代码重复，又能统一维护所有支付按钮的逻辑，同时还能灵活处理个别支付方式的特殊需求。

第一步：修正HTML标签错误 #

你提供的HTML代码里id==是语法错误，应该改为单等号，修正后的结构如下：

<div id="paypal-button-container_paypal"></div>
<div id="paypal-button-container_card"></div>
<div id="paypal-button-container_sofort"></div>

第二步：抽离通用回调函数 #

把所有支付按钮共享的逻辑单独定义成函数，后续每个按钮直接复用：

// 通用创建订单逻辑
function createOrder(data, actions) {
    // 这里替换为你的实际订单创建逻辑，比如调用后端接口生成订单
    return actions.order.create({
        purchase_units: [{
            amount: {
                value: '10.00' // 示例金额
            }
        }]
    });
}

// 订单批准后的处理逻辑
function onApprove(data, actions) {
    return actions.order.capture().then(function(details) {
        alert(`交易完成，感谢您的付款，订单号：${details.id}`);
        // 这里可以添加更新本地订单状态、跳转成功页面等操作
    });
}

// 按钮初始化时的逻辑
function onInit(data, actions) {
    // 比如根据加载状态禁用按钮、预加载用户信息等
}

// 用户点击按钮时的逻辑
function onClick(data, actions) {
    // 比如验证用户表单是否填写完整、弹出确认提示等
}

// 用户取消支付时的逻辑
function onCancel(data) {
    alert('支付已取消，你可以重新发起付款');
    // 这里可以重置表单状态、恢复按钮可用状态等
}

第三步：循环渲染按钮并复用函数 #

在循环创建PayPal按钮时，直接把上面定义的通用函数传入配置即可：

let FUNDING_SOURCES = [
    paypal.FUNDING.PAYPAL,
    paypal.FUNDING.CARD,
    paypal.FUNDING.SOFORT
];

FUNDING_SOURCES.forEach(function (fundingSource) {
    var button = paypal.Buttons({
        fundingSource: fundingSource,
        createOrder: createOrder,
        onApprove: onApprove,
        onInit: onInit,
        onClick: onClick,
        onCancel: onCancel
    });
    button.render('#paypal-button-container_' + fundingSource);
});

特殊支付方式的个性化处理 #

如果某个支付方式需要特殊逻辑，比如SOFORT需要额外手续费，可以在通用函数里通过data.fundingSource判断并调整：

function createOrder(data, actions) {
    let amountValue = '10.00';
    // 针对SOFORT支付方式调整金额
    if (data.fundingSource === paypal.FUNDING.SOFORT) {
        amountValue = '10.50'; // 增加0.5欧元手续费
    }
    
    return actions.order.create({
        purchase_units: [{
            amount: {
                value: amountValue
            }
        }]
    });
}

内容的提问来源于stack exchange，提问作者mrana