Почему не работает передача ajax()?

Question

[Newbeenew]

Подскажите плз...
Есть форма ввода:

<form method="post" action="" id="orderForm">
<input class="quantField" type="text" name="" tid="6612" tprice="22.5" tart="дизайн П-471-70"> 
<input class="checkPack" type="hidden" tpack="50 " tid="6612" value=''>
<input type="button" class="btn" name="" value="OK"> 
</form>

Так (клик по кнопке) передача аяксом в php работает:

$('input[class=btn]').click(function() { 
								
					$.ajax({
					            type: 'post',
					            url: "../cart/order.php", 
					            data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
					            response: 'text',
					            success: function(data){
					            $('.desFooter').hide();
					            $('.cartTotal').html(data).fadeIn();
					            $('.desForm').slideUp('fast', function(){$(this).remove();}); 
					            $('.ordered').fadeIn();
					            }

					       	})
	

			}

			);

А так (enter по клавиатуре) уже нет:

$('#orderForm').on("submit", function() {
$.ajax({
					            type: 'post',
					            url: "../cart/order.php", 
					            data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
					            response: 'text',
					            success: function(data){
					            $('.desFooter').hide();
					            $('.cartTotal').html(data).fadeIn();
					            $('.desForm').slideUp('fast', function(){$(this).remove();}); 
					            $('.ordered').fadeIn();
					            }

					       	})
	

			}

			);

в консоли чисто

Comments

[Павел Корнилов]

А где код перехвата нажатия Энтера?

[Newbeenew]

ентером кликается кнопка ок

[Олег Драпеза]

В обработчике события submit вам нужно вызвать event.preventDefault() - иначе ваша форма будет перезагружать страницу, ничего не делая.

Соответственно в теге вам не нужны method и action.

[Сергей delphinpro]

код в порядке.

зы
что у вас за левые атрибуты? почему бы не использовать data- ?

[Newbeenew]

Олег Драпеза,
так заработало, спасибо за помощь

$('#orderForm').on("submit", function(e) { 

e.preventDefault();

$.ajax({
                      type: 'post',
                      url: "../cart/order.php", 
                      data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
                      response: 'text',
                      success: function(data){
                      $('.desFooter').hide();
                      $('.cartTotal').html(data).fadeIn();
                      $('.desForm').slideUp('fast', function(){$(this).remove();}); 
                      $('.ordered').fadeIn();
                      }

                 	})

}

Answer 1

[kot2566]

<input type="button" class="btn" name="" value="OK">

Попробуй сделать type="submit":

<input type="submit" class="btn" name="" value="OK">

Comments

[Newbeenew]

так перестают работать оба варианта

[Alexey Bille]

Оставьте submit и измените код на

$('#orderForm').on("submit", function(e) {
e.preventDefault();
$.ajax({
                      type: 'post',
                      url: "../cart/order.php", 
                      data: {'quant':$('.quantField').val(),'tid':$('.quantField').attr("tid"),'tprice':$('.quantField').attr("tprice"),'tart':$('.quantField').attr("tart"),'tpack':$('.checkPack').attr("tpack")},
                      response: 'text',
                      success: function(data){
                      $('.desFooter').hide();
                      $('.cartTotal').html(data).fadeIn();
                      $('.desForm').slideUp('fast', function(){$(this).remove();}); 
                      $('.ordered').fadeIn();
                      }

                 	})
  

      }

      );

[Evgeniy Kvasyuk]

Alexey Bille только хотел написать, что по умолчанию сабмит релодит страницу

[Newbeenew]

Alexey Bille, спасибо, так работает