javascript - 在没有 iframe 的情况下在后台发布 URL

Question

我的电子商务网站有一个结帐页面。

尝试添加一个选项，让客户通过电汇向我们付款，但我需要自动在订单总额中添加 25 美元以支付费用。我正在尝试通过将产品添加到购物车来做到这一点。这必须在不刷新页面的情况下完成，因为刷新会重置一些客户选择选项(例如送货等)。

需要发布的url是:

'add_cart.asp?quick=1&item_id=16'

目前我正在尝试使用 iframe 进行此操作:

<script type="text/javascript">
    function toggleOnWireTransferFee() {
        if(document.getElementById('offline-42').checked) {
           var iframe = document.createElement('iframe');
           iframe.height=1;
           iframe.width=1;
           iframe.seamless;
           iframe.src='add_cart.asp?quick=1&item_id=16';
           document.body.appendChild(iframe);

           // this will refresh the entire page -- bad!
           //window.location='add_cart.asp?quick=1&item_id=16';
        }
    }
</script>

这会在页面底部创建一个 1 x 1 像素的 iframe，并且对客户来说几乎是不可见的。它将产品添加到购物车中，当客户结账时，他们会得到需要电汇给我们的总计金额。

问题是这会导致页面在加载 iframe 时跳转(将其置于焦点中，但它是 1x1 并且几乎不可见，因此客户只会得到一种奇怪的体验)

有没有办法阻止页面的这种“跳转”，或者我是否以错误的方式处理这个问题？

Answer 1

您尝试做的事情通常称为 Ajax。现代浏览器有一个名为XMLHTTPRequest的对象，但更常见的是使用像 jQuery 这样的工具集，可能如下所示:

$.ajax{
  url : 'add_cart.asp',
  data : {
    quick : 1,
    itemId : 16
  }
});