Skip to main content
Agregado código para mejorar la explicación.
Origen Enlace

ACTUALIZADO

Podés hacerlo sin necesidad de un formulario, mediante llamadas AJAX desde Javascript.

Tu tabla tendría los botones algo así:

<td>
    <button onclick="mostrarPopUp(id)">Editar</button>
</td>

mostrarPopUp() es una función Javascript que recibe el ID de cada fila con el que se consulta la información. Bien puede ser obtenido accediendo al DOM (tal cual lo estás haciendo) o ser un valor incrustado a la hora de generar la tabla (si ésta fuese dinámica).

Y en tu Javascript:

mostrarPopUp = function(ididRecibido) {
    // Llamada AJAX pasando el id...
    // Actualizar la información del PopUp
    // Mostrar PopUp
}

Siguiendo ese orden, harías una llamada a tu almacén de datos mediante AJAX, algo como esto (muy genérico en jQuery, ya que no sé cómo estás haciendo tu llamada):

$.get(
  'http://mi.api.com/getCosas', // URL del almacén a consultar
  { id: idRecibido }, // Se le pasa el parámetro
  function (data, status) { // Función callback que recibe los datos
    // Rellenar los datos del PopUp: data.valor1, data.valor2...
  }
);

Y luego podrías mostrar el PopUp con un show():

$('#idPopUp').show();

Si bien no es la opción más reutilizable (ni la más eficiente, seguramente), sí es la más sencilla y que menos librerías necesita. De hecho, se podría hacer incluso sin jQuery, pero me parece mas engorroso.

Podés hacerlo sin necesidad de un formulario, mediante llamadas AJAX desde Javascript.

Tu tabla tendría los botones algo así:

<td>
    <button onclick="mostrarPopUp(id)">Editar</button>
</td>

Y en tu Javascript:

mostrarPopUp = function(id) {
    // Llamada AJAX pasando el id...
}

ACTUALIZADO

Podés hacerlo sin necesidad de un formulario, mediante llamadas AJAX desde Javascript.

Tu tabla tendría los botones algo así:

<td>
    <button onclick="mostrarPopUp(id)">Editar</button>
</td>

mostrarPopUp() es una función Javascript que recibe el ID de cada fila con el que se consulta la información. Bien puede ser obtenido accediendo al DOM (tal cual lo estás haciendo) o ser un valor incrustado a la hora de generar la tabla (si ésta fuese dinámica).

Y en tu Javascript:

mostrarPopUp = function(idRecibido) {
    // Llamada AJAX pasando el id...
    // Actualizar la información del PopUp
    // Mostrar PopUp
}

Siguiendo ese orden, harías una llamada a tu almacén de datos mediante AJAX, algo como esto (muy genérico en jQuery, ya que no sé cómo estás haciendo tu llamada):

$.get(
  'http://mi.api.com/getCosas', // URL del almacén a consultar
  { id: idRecibido }, // Se le pasa el parámetro
  function (data, status) { // Función callback que recibe los datos
    // Rellenar los datos del PopUp: data.valor1, data.valor2...
  }
);

Y luego podrías mostrar el PopUp con un show():

$('#idPopUp').show();

Si bien no es la opción más reutilizable (ni la más eficiente, seguramente), sí es la más sencilla y que menos librerías necesita. De hecho, se podría hacer incluso sin jQuery, pero me parece mas engorroso.

Origen Enlace

Podés hacerlo sin necesidad de un formulario, mediante llamadas AJAX desde Javascript.

Tu tabla tendría los botones algo así:

<td>
    <button onclick="mostrarPopUp(id)">Editar</button>
</td>

Y en tu Javascript:

mostrarPopUp = function(id) {
    // Llamada AJAX pasando el id...
}