ajax 中的 square pos 卡支付表单集成

Question

我是 Square 支付表单集成的新手。我正在根据 https://docs.connect.squareup.com/articles/adding-payment-form 上的文档集成表单。当我将表单嵌入单个页面时它工作正常但是当我在 ajax 中加载表单脚本时它显示错误“ ReferenceError： SqPaymentForm 未定义"。有人请给我建议一种将表单嵌入 ajax 的方法。

Answer 1

这里的问题是您可能试图 运行 页面上的 javascript（在加载外部库之前，页面上有类似 var paymentForm = new SqPaymentForm({... 的内容。

如果您要异步加载 https://js.squareup.com/v2/paymentform，则需要将页面上的 javascript 的执行延迟到加载外部库之后。您可以通过 onload 事件或等待页面完全加载完成（或许多其他方式，搜索 "delaying javascript after async"，但最简单的方法是同步加载库。