该脚本在我的localhost(本地计算机)上正常工作,但是当我将其上传到我的远程服务器后尝试它时,它会在按钮点击时无限重复请求。
以下是相同的代码:
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$('.product-btn').click(function(){
if($(this).attr('data-action')=="add"){
$.ajax({url: "/product/add/cart/" + $(this).data("id") + "/from_listing/1"});
$(this).attr('data-action','remove');
$(this).children('span').html('Remove from cart');
}else{
$.ajax({url: "/product/delete/id/" + $(this).data("id") + "/"});
$(this).attr('data-action','add');
$(this).children('span').html('Add to cart');
}
});
});
</script>
<button class="product-btn btn btn-sm btn-inverse btn-embossed" data-action="add" data-id="16545"><span>Add to cart</span></button>