Shopify结账动态生成html类？

Question

我即将到达结帐处以获取最终支付价格：

  let checkout = await fetch("/checkout/");
   checkout = await checkout.text();
   let total_price = checkout.match(
            /<dl class="order-summary-toggle(.*?)<\/dl>/gim
          );

问题是我注意到在某些商店结帐页面上有动态生成的类，但我不知道为什么并且无法重现？

屏幕

有人知道为什么会发生吗？或者是否有更好的方法来获取结账最终价格？

Answer 1

html 不会完整，因为是使用 Javascript 动态创建的。

如果您使用的是液体，则可以使用 {{cart.total_price}} 访问总价。

如果没有，并且您想使用 cartjs api 您可以调用 /cart.js 并使用字段“total_price”

$.ajax({
    type: 'GET',
    url: '/cart.js',
    dataType: 'json',
    success: function (data) {
        alert("Your total is: "+data.total_price);
    },
    error: function () {
    }
});