Estoy buscando una solución después de probar todas las opciones diferentes durante 5 horas. No soy una gran persona de HTML o Javascript, pero lo intenté.

Tengo una lista proveniente de la base de datos que es una lista de servicios. Cada servicio obtiene su propia identificación única. Por el momento envío el ID a través de la URL pero esto no es preferible,

Dentro de cada elemento de la lista, tengo una imagen, un botón y un enlace con el nombre de la persona.

Traté de usar javascript para tomar el valor de un valor en la línea href y lo envié a la URL que funcionó, pero parece que el servidor lo vio como una sesión diferente y, por lo tanto, la página web no mostró la lista editable completa.

Este fue el guion

 <script> function myFunction(test) { var url = "/portal/vendorlistingsadd"; var xhr = new XMLHttpRequest(); xhr.open("POST", url); xhr.setRequestHeader("Accept", "application/x-www-form-urlencoded"); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { console.log(xhr.status); console.log(xhr.responseText); }}; xhr.send(test); } </script>

entonces lo hizo

 <a href="#" onclick=myFunction('${serviclist.listing_id}')><img src=${serviclist.picture} alt="" class="img-fluid"></a></div>

otros problemas que tuve se debieron a que el mismo 'nombre' estaba en cada fila de la lista, no pude extraer el correcto.

Entonces, básicamente, la única forma en que puedo verlo funcionando es enviar los datos a través de url.

Si alguien tiene alguna sugerencia, probaría cada una.

Gracias

****ACTUALIZAR

 <form action="/portal/vendorlistingsadd/editlisting" method="post"> </form>

y la segunda linea

 <button class= "btn-lg" name ='${serviclist.listing_id}' type = "submit"> <img src="${serviclist.picture}"/> </button>