Estoy trabajando en una página donde renderizo datos de una API, donde hago tarjetas de perfil dinámico. Y al hacer clic en el botón dentro de la tarjeta, estoy llamando a una API a través de ajax. mi problema es que necesito dos valores para pasar a req.body para que el ajax tenga éxito. Manejé la llamada api usando un dato usando este código,

 <div class="container" id="bb1"> <% locals.posts.rows.forEach(function (patient) { %> <div class="patient-data"> <div > <div style="padding-left: 100px"> <img src="<%= patient.dp %>" style="width: 45%;"> </div> <br> <div style="text-align: center;"> <h5> P.ID : <%= patient.p_id %></h5> <p> Name : <%= patient.patient_name %></p> </div> <div style="padding-left: 110px;margin-bottom:20px ;"> <button type = "button" id="<%= patient.p_id %>" onclick="approve(this.id)" type="button" class="btn btn-info btn-sm" id="btn-success" style="background-color: #D1B147;"> View</button> </a></div> </div> </div> <% }); %> </div>

luego dentro de mi script;

 <script type="text/javascript"> function approve(id) { var p_id = id; console.log(p_id); var data = {}; data.p_id = p_id; $.ajax({ type: 'POST', data: JSON.stringify(data), contentType: 'application/json', dataType: 'json', url: "http://localhost:5000/mData", success: function(data) { console.log(data); localStorage.setItem('myData', JSON.stringify(data)); window.location.href = 'mastersessionhistory'; }, error: function(){ alert("Error") console.log('error occured') } }) } </script>

usando esto, pude presionar api y devolver valores. solo necesitaba el p_id para acceder a la API. Pero ahora tengo una nueva clave m_id, por lo que mi req.body debería ser {p_id, m_id}. Cómo incluir m_id en ese clic de bitton para que pueda llamar a la API. puedo usar esto

 <button type = "button" id="<%= patient.p_id, patient.m_id%>" onclick="approve(this.id)" type="button" class="btn btn-info btn-sm" id="btn-success" style="background-color: #D1B147;"> View</button> </a></div>