Skip to main content
Se elimina snnipet. Un snnipet se usa para mostrar un vista previa de la función. para mostrar solo código, debes usar la herramienta _Ejemplo de código_ { }
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

El problema al parecer radica en la forma que intentas alterar el valor del HTMLHTML, he corregido tu código de la siguiente manera:

<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);
              $("#table-id-"+idprovisorio).html(e); //Solo busca el elemento por su id y altera el valor
            }
        });
        return false;
   });
});//Fin document.          
</script>
<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>
<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);
              $("#table-id-"+idprovisorio).html(e); //Solo busca el elemento por su id y altera el valor
            }
        });
        return false;
   });
});//Fin document.          
</script>

 
<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>

El problema al parecer radica en la forma que intentas alterar el valor del HTML, he corregido tu código de la siguiente manera:

<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);
              $("#table-id-"+idprovisorio).html(e); //Solo busca el elemento por su id y altera el valor
            }
        });
        return false;
   });
});//Fin document.          
</script>
<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>

 

El problema al parecer radica en la forma que intentas alterar el valor del HTML, he corregido tu código de la siguiente manera:

<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);
              $("#table-id-"+idprovisorio).html(e); //Solo busca el elemento por su id y altera el valor
            }
        });
        return false;
   });
});//Fin document.          
</script>
<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>
Origen Enlace

El problema al parecer radica en la forma que intentas alterar el valor del HTML, he corregido tu código de la siguiente manera:

<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);
              $("#table-id-"+idprovisorio).html(e); //Solo busca el elemento por su id y altera el valor
            }
        });
        return false;
   });
});//Fin document.          
</script>
<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>