Actualizar BD con Ajax

[cabeto_1972]

Hola, buenas noches, el asunto es el siguiente, tengo q actualizar un registro de una base de datos y lo quiero hacer sin recargar la pagina y pues logre hacerlo
tengo lo siguiente:

una tabla asi.
idr | cantidad
1 | 8
2 | 10
3 | 5

y tengo un archivo php con lo siguiente

<input type="number" min="0" id="cantidad" name="cantidad" onChange="v_cantidad()" class="form" value="<?php echo $aqCNT['cantidad']?>">
<input type="text" id="idr" value="<?php echo $aqCNT['idr']?>">

la idea es q es un campo tipo numero, y cuando yo vario la cantidad el llama una funcion que se llama v_cantidad y es la siguiente


<script>
function v_cantidad()
{
var canta=$("#cantidad").val();
var idra=$("#idr").val();

$.ajax({
url:'ajax_p.php',
data:{
tipocantidad:canta,
tipoidr:idra
},

type: 'post',
success: function(data)
{
$("#select_user").html(data);
}
})
}
</script>

la funcion debe recibir el valor de #cantidad y #idr, y enviar la informacion a un archivo ajax_p.php que actualizar la informacion dependiendo del idr q se envie

$cnta = $_POST['tipocantidad'];
$idr = $_POST['tipoidr'];


$sql_query = "update pedidosb set cantidad='".$cnta."' where idr='".$idr."'";

hasta ahi, es perfecto pero para el primer registro, si yo quiero q me muestre todos los registros de la tabla lo hago a traves de un do while

asi

do{
<input type="number" min="0" id="cantidad" name="cantidad" onChange="v_cantidad()" class="form" value="<?php echo $cnt['cantidad']?>">
<input type="text" id="idr" value="<?php echo $cnt['idr']?>">
}while($cnt = mysqli_fetch_assoc($cnta))

por q la idea es q el me actualice dependiendo del idr q envie, pero, esta idea no me funcionó, pues solo me actualiza el primer registro,

que puedo hacer para poder modificar los otros registros?



Gracias por la Colaboracion prestada

[sonystar_17]

lo que pasa o debe pasar , es que si quieres modificar mas de un registro ( cuando cargas los demas )

hasta ahi, es perfecto pero para el primer registro, si yo quiero q me muestre todos los registros de la tabla lo hago a traves de un do while

vas a tener que manejar a estos 2 input como arrays

Código HTML:

<input type="number" min="0" id="cantidad" name="cantidad[]" onChange="v_cantidad()" class="form" value="<?php echo $cnt['cantidad']?>">
<input type="text" name="whatu[]" id="idr" value="<?php echo $cnt['idr']?>
 

para así luego enviar . recorrerlos y editar.

[cabeto_1972]

mm..pero aqui se maneja el array dentro del name del campo, pero el name nunca lo tiene en cuenta para nada, solo el id del campo, y el del campo, no se si pueda variar el nombre por como lo recibe la funcion

[Alexis88]

Como te sugieren, debes utilizar arreglos de campos de entrada para que puedas recibirlos como arreglos en el lado del servidor y elaborar la o las consultas SQL respectivas. Ten en cuenta que los id nunca deben repetirse y que, los valores recibidos en el lado del servidor, son accesibles a través de los nombres de los campos de entrada, no de sus id.

[cabeto_1972]

..la verdad...me quedo grande, no se como hacerlo

[sonystar_17]

a ver explícate un poco mejor , tu extraes toda la data que tienes.
por ejemplo en tu ejemplo :

una tabla asi.
idr | cantidad
1 | 8
2 | 10
3 | 5

y obtienes algo asi cierto ?



que actualizas tu de esos campo ?
los 2 , o solo uno por conjunto ? es decir solo actualizas cantidad ? o idr ? o los 2.
al cambiarlos quieres hacerlo por onchange , o con un botón de submit ?

[cabeto_1972]

Lo que pretendo hacer es q cuando modifique el valor de la columna 2, se cambie en la base de datos, pero el debe modificarlo teniendo en cuenta el respectivo id q es el de la columna No. 1

lo he probado tambien con un boton "onSubmit" o "on Click" pero el tema siempre es el mismo, me cambia la cantidad del primer registro, es como si no llevara el id para reconocer q registro es el que debe modificar. Solo debe variar el valor de cantidad.

[Alexis88]

Por lo último que dices, la actualización en la base de datos solo debe realizarse en un registro (el de la fila afectada en el formulario), por lo que la labor será más sencilla.

Para hacer las cosas más sencillas, te sugiero tener agrupado a cada bloque de elementos de entrada (los que estén relacionados a un mismo registro en la base de datos). Por ejemplo:

Código PHP:

<form id="ejemplo">
<?php
    while ($row = mysqli_fetch_assoc($result)){
?>
    <section>
        <input type="hidden" name="id[]" value="<?php echo $row['id'] ?>" />
 
        <label>Dato 1:</label>
        <input type="number" name="dato1[]" value="<?php echo $row['dato1'] ?>" />
 
        <label>Dato 2:</label>
        <input type="text" name="dato2[]" value="<?php echo $row['dato2'] ?>" />
    </section>
<?php
    }
?>
</form>
 

El resultado de lo anterior será un conjunto de secciones en donde habrá dos elementos de entrada cada uno con un valor cargado desde la base de datos, además de un elemento oculto con el id de dicho registro.

Teniendo esto, hay que ejecutar las peticiones asíncronas (AJAX) cuando ocurra el evento change en el formulario:

Código Javascript:

$(document).ready(function(){
    $("#ejemplo").on("change", "input", function(){
        var seccion = $(this).parent(),
            id = seccion.find("[name^=id]").val(),
            dato1 = seccion.find("[name^=dato1]").val(),
            dato2 = seccion.find("[name^=dato2]").val();
 
        $.ajax({
            url: "destino.php",
            type: "POST",
            data: {
                id: id,
                dato1: dato1,
                dato2: dato2,
            }
        }).done(function(response){
            console.log(response);
        }).fail(function(errorMsg){
            console.log(errorMsg);
        });
    });
});
 

De esta manera, al ocurrir un cambio dentro del formulario (en cualquiera de los elementos que contenga), se delegará el evento al elemento <input> en el cual se haya producido. Enseguida, tomamos al elemento padre del <input> (la sección) y, dentro de este, buscamos a los elementos cuyos nombres empiecen por, en este caso, "dato1" y "dato2" y tomamos sus valores. Finalmente, ejecutamos la petición asíncrona (AJAX), enviando los respectivos valores.

Ahora, en el archivo PHP, solo tienes que recibirlos y colocarlos en la consulta SQL para ejecutarla:

Código PHP:

$id = mysqli_real_escape_string($connection, strip_tags(trim($_POST['id'])));
$dato1 = mysqli_real_escape_string($connection, strip_tags(trim($_POST['dato1'])));
$dato2 = mysqli_real_escape_string($connection, strip_tags(trim($_POST['dato2'])));
$consulta = "UPDATE tabla SET dato1 = '$dato1', dato2 = '$dato2' WHERE id = $id";