Necesito obtener datos de un formulario haciendo clic en el botón cuando hay varios formularios, pero solo obtengo datos del primer formulario. Entiendo por qué esto no funciona, pero no entiendo cómo hacer que los datos provengan de un formulario específico.

Imagen y código abajo

formularios html y código ajax

código matraz

MATRAZ

 @app.route('/product') def product(): return render_template('product.html', products=dbase.get_products_announce(), check_authenticated=check_authenticated) @app.route('/render_user_adding_item', methods=["POST"]) def render_user_adding_item(): data_get = request.form.to_dict(flat=True) print(data_get)

HTMLJS

 {% block content %} {{ super() }} <div class="productlists"> {% for p in range(products | length) %} <div class="list-products"> <div class="list-element"> <a href="{{ url_for('show_product', alias=products[p][7])}}"><img class="col-3" src="\static\images\productImg\{{products[p][8]}}" width="380" height="510"></a> <div class="list-element-description"> <form id="{{ products[p][6] }}"> <div class="buttonbuy-2"> <button type="submit" class="buttonbuy">Купить</button> <input type="hidden" id="order_id" value="{{products[p][0]}}"> <input type="hidden" id="user_id" value="{{current_user.get_id()}}"> </div> </form> </div> </div> </div> {% endfor %} </div> <script> $(document).ready(function() { $('form').on('submit', function(event) { $.ajax({ data : { order_id : $('#order_id').val(), user_id : $('#user_id').val() }, type : 'POST', url : '/render_user_adding_item' }) event.preventDefault(); }); }); </script> {% endblock %}

Pido disculpas si escribí algo mal, esta es mi primera pregunta.