Pregunta:
Fecha: 20-02-2018 05:20:53
(En Español)
Deseo que al darle agregar, lo agregue inmediatamente sin que vuelva a cargar la pagina ya que es poco atractivo al usuario. creo que se hace con ajax pero no me da resultado.
cargar pagina[No resuelta]
Buenas tardes, anteriormente habia preguntado como podia evitar que al agregar un producto la pagina se cargara nuevamente. aqui comparto el codigo.Deseo que al darle agregar, lo agregue inmediatamente sin que vuelva a cargar la pagina ya que es poco atractivo al usuario. creo que se hace con ajax pero no me da resultado.
function agregar(id){
$.ajax({
type:"POST",
url:"php/addtocart.php",
date:'product_id='+id,
)};
}<?php
$products = $con->query("select * from product");
?>
<table class="table table-bordered">
<thead>
<th style="text-align: center;">Producto</th>
<th style="text-align: center;">Precio</th>
<th></th>
</thead>
<?php
while($r=$products->fetch_object()):?>
<tr>
<td><strong><?php echo $r->name;?></strong></td>
<td><strong>$ <?php echo number_format($r->price); ?></strong>
<td style="width:260px;">
<?php
$found = false;
if(isset($_SESSION["cart"])){ foreach ($_SESSION["cart"] as $c) { if($c["product_id"]==$r->id){ $found=true; break; }}}
?>
<?php if($found):?>
<a href="cart.php" class="btn btn-info">Agregado</a>
<?php else:?>
<form class="form-inline" method="post" action="php/addtocart.php">
<input type="hidden" name="product_id" value="<?php echo $r->id; ?>">
<div class="form-group">
<input type="number" name="q" value="1" style="width:100px;" min="1" class="form-control" placeholder="Cantidad">
</div>
<button onclick="agregar('<?php echo $c['product_id']; ?> ')" type="submit" class="btn btn-primary">Agregar</button>
</form>
<?php endif; ?>
</td>
</tr>
<?php endwhile; ?>
</table>
Votos: 0 -
Respuestas: 1 -
Vistas: 9
Compartir en: Google
Facebook
Twitter
LinkedIn
Link
Respuestas:
-
Fecha: 21-02-2018 08:00:51
function agregar(id){ $.ajax({ type:"POST", url:"php/addtocart.php", date:'product_id='+id, success:function (result) { /** Aca la funcion para actualizar el div */ }, )}; }Votos: 0 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
