JQuery - Producto de dos input y colocar total

 
Vista:

Producto de dos input y colocar total

Publicado por Diego (10 intervenciones) el 30/08/2019 12:53:51
Buenos días. Estoy imprimiendo una tabla con datos guardados en una base de datos. En la tabla hay 2 input y un total donde el total es el producto los dos input. Cuando hace la cuenta (lo hago con Ajax para no recargar la pagina) lo guarda en la base de datos en caso de que se haya modificado algo. Eso lo hace bien pero no me actualiza en el momento el total, solo si hago F5 en la pagina me muestra el resultado pero es el que trae de la base de datos. Cual puede ser el error?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
    $(document).ready(function(){
        $(document).on('submit', '#formulario_modificar', function() {
            //Obtenemos datos formulario.
            var idprovisorio = $('#idp').val();
            $this = $(this);
            //AJAX.
            $.ajax({
                type : 'POST',
                url  : 'modificar_ajax.php',
                data:  $(this).serialize(),
 
                success:function(e) {
                    console.log(e);
                    $this.parent().find("#table-id-"+idprovisorio).html(e);
                }
            });
            return false;
       });
    });//Fin document.
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<tr>
   <td><? echo $row['idproducto'] ?></td>
   <td><? echo $bp['descripcion'] ?></td>
   <form id="formulario_modificar" class="formulario">
     <input type="hidden" name="idp" id="idp" value="<? echo $row['idprovisorio'] ?>">
     <td class="td_table">
           <input name="cant" class="input_table" value="<? echo $row['cantidad'] ?>">
      </td>
     <td class="td_table">
            <input name="prec" class="input_table" value="<? echo $row['precio'] ?>">
     </td>
     <td id="table-id-<? echo $row['idprovisorio'] ?>">
           <? echo $row['total'] ?>
     </td>
     <input type="submit" name="cargar" value="Cargar" style="display: none;">
  </form>
</tr>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi
Val: 162
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Producto de dos input y colocar total

Publicado por santi (55 intervenciones) el 15/09/2019 23:51:40
Hola,

¿qué te devuelve el formulario en el console.log()? ¿Y si quitas el return false?

Prueba a ver ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Producto de dos input y colocar total

Publicado por Diego (10 intervenciones) el 16/09/2019 00:45:12
Como estas? Gracias por responder Santi. En el console.log() me sale el resultado que traigo desde el php donde se guardan las modificaciones. Quitando el Return False me recarga la página
Igual lo que hice provisoriamente hasta que encuentre la solucion fue colocar un boton al final que abre una ventana pop up ahi modifico y me vuelve a la pagina anterior.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar