Saludos, estoy buscando la manera de evitar el refresh que hace mi pagina al agregar un elemento mediante la pulsación de un botón, ya sea sumarle, restarle o eliminar un elemento. Quisiera que se quede en el mismo sitio y no me refresque la pagina ya que me lleva al inicio y es incomodo. Mi código es el siguiente:
Estos son los botones que hacen las acciones:
<a href="#"><img onclick="add(<?php echo $id ?>,'add');" src="img/sumar.png"></a>
<a href="#"><img onclick="add(<?php echo $id ?>,'remove');" src="img/resta.png"></a>
<a href="#"><img onclick="add(<?php echo $id ?>,'removeProd');" src="img/remove.png"></a>
Este es mi JS:
function add(valor,valor2){
$.get('add.php',{id:valor,action:valor2},function(data){
$('.producto').html(data);
})
}
function add2(valor,valor2){
$.get('add.php',{id:valor,action:valor2},function(data){
window.location='';
})
}
function add3(valor,valor2,valor3){
$.get('add.php',{id:valor,action:valor2,su:valor3},function(data){
$('.producto').html(data);
})
}
Esto es lo que tengo, lo que quiero es que al presionar cualquiera de los botones no me recargue la pagina, ya que me lleva hasta la parte superior de la pagina de nuevo. A quien pueda ayudarme con esto muchas gracias, no conozco bien js