Question

我正在使用Wordpress中的Woocommerce插件。当你点击添加到购物车按钮时它所做的就是将它添加到网址的末尾？add-to-cart = 4689就像这样“http://example.com/?add-to-cart=4689”所以无论url查询中的任何商品ID都被添加到购物车

但是我不想每次都刷页面所以现在我正在使用为了将项目添加到购物车，但不刷新页面。

无论如何都要将网页加载请求发送到网址“http://example.com/?add-to-cart=4689”而不使用iframe吗？

Answer 1

这只能使用javascript完成。

以下内容适用于vanilla javascript。

<script>
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'http://example.com/?add-to-cart=4689');
    xhr.onload = function() {
        if (xhr.status === 200) {
            //add code to render what needs to be rendered
        }
        else {
            alert('Request failed.  Returned status of ' + xhr.status);
        }
    };
    xhr.send();
</script>

该项目将会像这样添加，但我认为在您刷新页面或重新渲染组件之前，您不会在您的购物篮中看到它。

如何发送查询请求而不刷新？

1 个答案: