DOM-манипуляция - несколько форм

Question

У меня есть несколько форм на моей странице (через петлю), каждая из которых имеет собственную кнопку отправки. Я хочу использовать AJAX для получения и отправки данных в .php. Мне нужно знать, какая форма была отправлена, поэтому я могу получить соответствующие значения.

Это простая тележка. Эта форма позволяет пользователю изменять количество предметов в корзине перед оформлением заказа.

Вы видите, что есть две кнопки «Изменить количество» (кнопки sumbit), и эти два поля завертываются в тег формы.

Петля, покрывающей форму является:

while ($row = $query->fetch_assoc()) { 
    $item_code = $row['product_id']; 
    $item_name = $row['name']; 
    $item_price = $row['price']; 
    $item_qty = $row['qty']; 
    print"<tr> 
    <td> 
    <img src='http://localhost/store/images/products/$item_code.jpg'> 
    </td> 
    <td>$item_code</td>1 
    <td>$item_name</td> 
    <td>$$item_price</td> 
    <td> 
    <form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='form_id_$item_code'> 
     <input type='text' maxlength='2' value='$item_qty' id='qty'> 
     <input type='hidden' value = '$item_code' name='product_id' id='product_id'> 
     <div><input type='submit' id='submit' value='Change Quantity'></div> 
    </form> 
    </td> 
    <td>x</td> 
    </tr>"; 
} 

Вопрос: Как я знаю, с помощью JQuery то, что форма была отправлена? Помогите мне ...

Согласно данным ответам, мне удалось получить количество представленных форм, подобных этому jQuery. Вот код:

$('form.cart_view_ajax').on('submit', function(e) { 
    e.preventDefault(); 
    // start working 
    var form = $(this); 
    var form_id = form.attr('id'); 
    console.log($('#'+form_id).children().eq(0).val()); 

    return false; 
}); 

Answer 1

Вы можете использовать другое скрытое поле ввода, которое содержит идентификатор для этой специальной формы. Я думаю, что это был бы самый простой способ сделать это.

Answer 2

Вы можете просто использовать «product_id», потому что он должен быть уникальным для каждого элемента

<input type='hidden' value = '$item_code' name='product_id' id='product_id'> 

Или вы можете добавить уникальный идентификатор свойства в виде тега

<form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='item_$item_code'> 
$('form#item_3') 

можно добавить уникальный идентификатор строки, поэтому впоследствии можно манипулировать им, и позже вы сможете получить доступ к форме.

<tr id="row_$item_code"> 
$('tr#row_3 form') 

Вы можете добавить «данные» атрибуты в виде

<form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='item_$item_code' data-form_id="$item_code"> 
var form_id = $('form#item_3').data('form_id'); 

Можем ли мы увидеть код JQuery вы сейчас используете?