我的ajax请求有一个非常奇怪的问题。我有一个代码,每按一次按钮就会增加一个产品的数量。代码有点工作,但我有一个问题。当我按下按钮时,我没有得到一个请求,但同时有4个请求!我不知道这是怎么回事,但它确实发生了。
因此,不是将产品增加1,而是将产品增加1倍!
它是一个简单的脚本:
$(document).ready(function () {
$(document).on('click', '.add', function (e) {
$this = $(this);
$.ajax({
type: 'POST',
url: 'add/quantity',
dataType: 'JSON',
data: {product: $this.parent('.input-append').find('input').data('id'),quantity: $this.parent('.input-append').find('input').val()},
success: function (data) {
if(data.success == false){
alert('error')
}else{
document.location.reload(true);
}
}
});
});
});
和控制器:
public function addQuantityAction( Request $request ) {
$response = new JsonResponse();
$requestData = $request->request->all();
$productid = $requestData['product'];
$quantity = $requestData['quantity'];
/** logic*/
$em = $this->getDoctrine()->getManager();
$product = $em->getRepository('MpShopBundle:Product')->find($productid);
$qtyAvailable = $product->getStock();
$session = $this->getRequest()->getSession();
$cart = $session->get('cart', array());
if ( $qtyAvailable > $cart[ $productid ] ) {
$cart[ $productid ] = $cart[ $productid ] + 1;
$response->setData(array('success'=>true,'message'=>'Qunatity increased'));
$session->set('cart', $cart);
} else {
$response->setData(array('success'=>false,'message'=>'Out of stock'));
}
return $response;
}
为什么会发生这种情况?
答案 0 :(得分:1)
这是因为您有多个click事件的侦听器。这肯定是一个javascript问题。
你可以试试这个:
$(document).ready(function () {
$(document).off('click', '.add');
$(document).on('click', '.add', function (e) {
也许如果有任何父级具有相同的侦听器,也可能发生。你可以使用e.stopPropagation();避免它
我希望它有所帮助。