我在我的网站上发出此请求/menu/
网址:
<!--Load Jquery-->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
jQuery('.simple-checkout').click(function(e) {
e.preventDefault();
jQuery(this).addClass('adding-cart');
var product_id = jQuery('input[name="add-to-cart"]').val();
var quantity = jQuery('input[name="quantity"]').val();
var thwepof_product_fields = jQuery('input[name="thwepof_product_fields"]').val();
var order_date = jQuery('input[name="order_date"]').val();
jQuery('.cart-dropdown-inner').empty();
jQuery.ajax ({
url: '/menu/'
type:'POST',
data:'action=add_cart=' + product_id + '&quantity=' + quantity '&thwepof_product_fields=' + thwepof_product_fields '&order_date=' + order_date,
contentType: 'multipart/form-data',
success:function(results) {
jQuery('.cart-dropdown-inner').append(results);
var cartcount = jQuery('.item-count').html();
jQuery('.cart-totals span').html(cartcount);
jQuery('.single_add_to_cart_button').removeClass('adding-cart');
jQuery('html, body').animate({ scrollTop: 0 }, 'slow');
jQuery('.cart-dropdown').addClass('show-dropdown');
setTimeout(function () {
jQuery('.cart-dropdown').removeClass('show-dropdown');
}, 3000);
}
});
});
</script>
在我的页面标题上。这个表单稍后会出现在我的程序代码中:
<form class="simple-checkout" enctype="multipart/form-data">
<input type="hidden" name="add-to-cart" value="<?php echo htmlspecialchars($getid); ?>"/>
<input type="number" name="quantity" min="1" max=<?= $available_stock ?> value="1"/>
<input type="hidden" id="thwepof_product_fields" name="thwepof_product_fields" value="order_date">
<input type="hidden" id="order_date" name="order_date value="<?php echo htmlspecialchars($get_day); ?>">
<input type="submit" value="Add to cart"/>
</form>
但看起来它没有发送AJAX请求,如果我正确的话,它会发送表单method=GET
。