Как найти ошибку в ajax корзине?

[megauser]

Друзья. подскажите как узнать на каком моменте обрывается аякс? и вообще работает ли он?

При клике "в корзину" переносит на страницу сайт/cart 

Соответственно аякс не работает, но товар добавляет в корзину в нужном количестве что выбираю и нужный вариант. Соответственно как узнать что ему не хватает? 

Корзины две у меня, и в них все прекрасно добавляет если с карточки, или списка, а вот если "Быстрый просмотр" то там уже выдает ошибку.

Как прологировать запрос аякс? или он в принципе не работает, раз кидает на страницу корзины.

Ввел console.log(data);

Но он же сработает только при успешной отправке. Важно узнать что ему не хватает и где он обрывается.

// Аяксовая корзина
$('form.variants').on('submit', function(e) {
	e.preventDefault();
    button=$(this).find('input[type="submit"]');
    if($(this).find('select[name=variant]').length>0)
	     variant=$(this).find('select').val();
    if($(this).find('input[name=variant]:checked').length>0)
	     variant=$(this).find('input[name=variant]:checked').val();
    $.ajax({
	url:"ajax/cart.php",
	data: {variant: variant,amount: $(this).find('input[name="amount"]').val()},
	dataType:'json',
	success:function(data){
		console.log(data);
		$('#cart_informer').html(data.desktop);
        $('#cart_informer_mini').html(data.mini);
        if(button.attr('data-result-text'))button.val(button.attr('data-result-text'));
           } 
});
var o1 = $(this).offset();
	var o2 = $('#cart_informer_mini').offset();
	var dx = o1.left - o2.left;
	var dy = o1.top - o2.top;
	var distance = Math.sqrt(dx * dx + dy * dy);
	$(this).closest('.product').find('.image img').effect("transfer", { to: $("#cart_informer_mini"), className: "transfer_class" }, distance);	
	$('.transfer_class').html($(this).closest('.product').find('.image').html());
	$('.transfer_class').find('img').css('height', '100%');
	return false;		
});

 

[ps-simpla]

$('form.variants').on('submit', function(e) {

попробуй замени на 

$(document).on("submit", "form.variants", function (e) {

 

[ps-simpla]

НО лучше ссылку, что бы наглядно посмотреть и понять

[megauser]

1 минуту назад, ps-simpla сказал:

$('form.variants').on('submit', function(e) {

попробуй замени на 

$(document).on("submit", "form.variants", function (e) {

 

Помогло! А в чем была проблема? на будущее

[ps-simpla]

быстрый просмотр у тебя через ajax подгружается? если да то изначально в DOM нет информации об этой форме