Skip to main content
se añadieron 114 caracteres en el cuerpo
Origen Enlace
Aleman
  • 2k
  • 1
  • 12
  • 32

Puedes hacerlo de dos maneras con Ajax o con fetch

primero debes cambiar el <a> por :

<a href="#" onClick="callToCart('" <?php echo $fila['id']; ?> "')" >

con ajax (necesitas JQuery) :

<script>

function callToCart(id){
  $.ajax({
    type: "GET",
    url:"cart.php?id=" + id,
    async: false,
    success: data => {
      //esta es la respuesta, si necesitas una
       console.log(data)                     
   }
  });
  //con esto evitas que la pagina se recargue
  return false
}
</script>

Con fetch (no necesitas JQuery) :

<script>
function callToCart(id){
 fetch("cart.php?id=" + id,)
  .then(function(response) {
    if (response.ok) return response.text()
  })
  .then(function(html) {
    //aqui controlas la respuesta
    console.log(html)
  })
  .catch(function(err) {
    //aqui controlas si algo va mal
    console.log(err);
  });
  
  //aqui evitas que la pagina se recargue
  return false
}
</script>

Nota: si necesitas ver lo que el documento cart.php te devuelve. puedes verlo en la consola del navegador. para ello los console.log()

Puedes hacerlo de dos maneras con Ajax o con fetch

primero debes cambiar el <a> por :

<a href="#" onClick="callToCart('" <?php echo $fila['id']; ?> "')" >

con ajax (necesitas JQuery) :

<script>

function callToCart(id){
  $.ajax({
    type: "GET",
    url:"cart.php?id=" + id,
    async: false,
    success: data => {
      //esta es la respuesta, si necesitas una
       console.log(data)                     
   }
  });
  //con esto evitas que la pagina se recargue
  return false
}
</script>

Con fetch (no necesitas JQuery) :

<script>
function callToCart(id){
 fetch("cart.php?id=" + id,)
  .then(function(response) {
    if (response.ok) return response.text()
  })
  .then(function(html) {
    //aqui controlas la respuesta
    console.log(html)
  })
  .catch(function(err) {
    //aqui controlas si algo va mal
    console.log(err);
  });
  
  //aqui evitas que la pagina se recargue
  return false
}
</script>

Puedes hacerlo de dos maneras con Ajax o con fetch

primero debes cambiar el <a> por :

<a href="#" onClick="callToCart('" <?php echo $fila['id']; ?> "')" >

con ajax (necesitas JQuery) :

<script>

function callToCart(id){
  $.ajax({
    type: "GET",
    url:"cart.php?id=" + id,
    async: false,
    success: data => {
      //esta es la respuesta, si necesitas una
       console.log(data)                     
   }
  });
  //con esto evitas que la pagina se recargue
  return false
}
</script>

Con fetch (no necesitas JQuery) :

<script>
function callToCart(id){
 fetch("cart.php?id=" + id,)
  .then(function(response) {
    if (response.ok) return response.text()
  })
  .then(function(html) {
    //aqui controlas la respuesta
    console.log(html)
  })
  .catch(function(err) {
    //aqui controlas si algo va mal
    console.log(err);
  });
  
  //aqui evitas que la pagina se recargue
  return false
}
</script>

Nota: si necesitas ver lo que el documento cart.php te devuelve. puedes verlo en la consola del navegador. para ello los console.log()

Origen Enlace
Aleman
  • 2k
  • 1
  • 12
  • 32

Puedes hacerlo de dos maneras con Ajax o con fetch

primero debes cambiar el <a> por :

<a href="#" onClick="callToCart('" <?php echo $fila['id']; ?> "')" >

con ajax (necesitas JQuery) :

<script>

function callToCart(id){
  $.ajax({
    type: "GET",
    url:"cart.php?id=" + id,
    async: false,
    success: data => {
      //esta es la respuesta, si necesitas una
       console.log(data)                     
   }
  });
  //con esto evitas que la pagina se recargue
  return false
}
</script>

Con fetch (no necesitas JQuery) :

<script>
function callToCart(id){
 fetch("cart.php?id=" + id,)
  .then(function(response) {
    if (response.ok) return response.text()
  })
  .then(function(html) {
    //aqui controlas la respuesta
    console.log(html)
  })
  .catch(function(err) {
    //aqui controlas si algo va mal
    console.log(err);
  });
  
  //aqui evitas que la pagina se recargue
  return false
}
</script>