javascript - PaymentResponse api有什么方法可以检查付款响应吗？

Question

因为我们可以检查是否支持支付 api 的状态。使用窗口对象：

window.PaymentRequest

有没有什么方法可以在付款后仅使用窗口对象检查 PaymentResponse 的状态？

我无权访问付款代码，我正在尝试仅使用窗口对象检查状态。

Answer 1

你可以得到回复。看到这个

// global
const { PaymentRequest } = window;

// Selectors
const buttons = document.querySelectorAll('button');

// config
const paymentMethods = [
  {
    supportedMethods: ['basic-card']
  }
];

const paymentDetails = {
  total: {
    label: 'What you pay',
    amount: {
      currency: 'USD',
      value: 10
    }
  }
};


const paymentRequest = PaymentRequest && new PaymentRequest(
  paymentMethods,
  paymentDetails
);

const addItemToCart = ({target}) => {
  paymentRequest
  .show()
  .then(paymentResponse => {
    return paymentResponse.complete().then(response => {
      console.log(response)
    });
  })
  .catch(reason => console.error(`Error occurred: ${reason}`));
};

buttons.forEach(button => button.addEventListener('click', addItemToCart));

这是一个codepen链接

https://codepen.io/elmahdim/pen/yodVzw?editors=1111