Php 在存档页面上，我使用了一个功能“添加到购物车”和“数量选择”。但是我想使用AJAX而不是这个表单。如何做到这一点？

这是我现在的功能，它输出一个数量选择器和一个添加到购物车按钮。它工作得很好。但是，在客户将产品添加到购物车后，URL为：mysite.com/product/？add to cart=123 显然，刷新或重新输入此页面后，会再次添加相同的产品数量。 请帮助我理解如何将此表单转换为AJAX方法

add_filter( 'woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_woocommerce_loop_add_to_cart_link', 10, 2 );
function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() && is_user_logged_in() ) {
        $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
        $html .= woocommerce_quantity_input( array(), $product, false );
        $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
        $html .= '</form>';
    }
    return $html;
}

add_filter（'woocommerce_loop_add_to_cart_link'、'quantity_input_for_woocommerce_loop_add_to_cart_link'，10,2）；
函数数量\u输入\u用于\u商业\u循环\u添加\u至\u购物车\u链接（$html，$product）{
如果（$product&&$product->is_type（'simple'）&&&$product->is_purchable（）&&&&$product->is_in_stock（）&&&！$product->is_selled_selled_selled_（）&&is_user_logged__in（））{
$html=''；
$html.=woocommerce\u quantity\u输入（数组（），$product，false）；
$html.=''.esc_html（$product->add_to_cart_text（））。'；
$html.=''；
}
返回$html；
}