como hago para borrar un dato de la db y el servidor sin recargar la pagina?

juancu93 · #1 (**permalink**) 02/05/2013, 06:48

Hola, buen dia.

Estoy desarrollando un sitio donde el usuario puede subir promociones.

Tengo una pagina promociones.php que muestra las promociones que hay en la base de datos.

En cada promoción hay un link que dice 'modificar' y pasa variables que llevan a otra pagina llamada modificar-promocion.php la cual muestra un formulario con los datos de las variables para que se puedan modificar. También se muestra la imagen de la promoción, que esta en el servidor.

Lo que yo quiero es que la imagen se pueda eliminar del servidor sin tener que irme de esa pagina, asi quedan guardadas las variables en el formuario y el usuario los pueda modificar o no.

Dejo el código de lo que tengo:

promociones.php

Código PHP:

Ver original<?php
session_start();
if(isset($_SESSION['usuario']))
{
    include('conexion.php');
    $consulta = mysql_query('SELECT id,titulo,descripcion,precio,imagen FROM promociones',$conexion);
    while($resultado = mysql_fetch_assoc($consulta))
    {
    echo '<div style="float:left; width:500px; padding: 10px; border: 1px solid #000000; margin-right:10px;">';
    echo '<h2>'.$resultado['titulo'].'</h2>';
    echo '<p>'.$resultado['descripcion'].'</p>';
    echo '<p><strong>Precio</strong>: $'.$resultado['precio'].'</p>';
    echo '<img src="uploads/'.$resultado['imagen'].'" /><hr/>';
    echo '<a href="eliminar-promocion.php?id='.$resultado['id'].'&imagen='.$resultado['imagen'].'">eliminar</a>';
    echo ' <a href="modificar-promocion.php?id='.$resultado['id'].'&titulo='.$resultado['titulo'].'&descripcion='.$resultado['descripcion'].'&precio='.$resultado['precio'].'&imagen='.$resultado['imagen'].'">modificar</a>';
    echo '</div>';
    }
    echo "<p><a href='index.php'>Volver</a></p>";
}else{
echo 'Debe loguearse para ver el contenido';
}
?>

modificar-promocion.php

Código PHP:

Ver original<head>
<script type="text/javascript">
 
function confirmSubmit()
{
var agree=confirm('Está seguro de eliminar la imagen?');
if (agree)
return true ;
else
return false ;
}
 
</script>
</head>
 
<body>
<?php
session_start();
if(isset($_SESSION['usuario'])){
    $id = $_GET['id'];
    $titulo = $_GET['titulo'];
    $descripcion = $_GET['descripcion'];
    $precio = $_GET['precio'];
    $imagen = $_GET['imagen'];
?>
    <h2>Modificar promoción</h2>
    <form enctype="multipart/form-data" action="uploader.php" method="post">
    Titulo: <br />
    <input name="titulo" type="text" id="titulo" size="50" value="<?php echo $titulo; ?>" />
    <br /><br />
    Descripcion: <br />
    <textarea name="descripcion" cols="55" rows="5" id="mitxt"><?php echo $descripcion; ?></textarea>
    <br /><br />
    Precio: <br />
    <input name="precio" type="text" id="precio" value="<?php echo $precio; ?>" size="15" />
    <br /><br />
    Imagen: <br />
    <input name="uploadedfile" type="file" />
    <br /><br />
    <img src="uploads/<?php echo $imagen; ?>" />
    <a onclick="return confirmSubmit()" href="#">Eliminar</a>
    <br /><br />
    <input type="submit" value="Modificar" />
    </form>
    
    <br />
    <a href="index.php">Volver</a>
<?php
}else{
    echo 'No puede ingresar aqui';
}
?>
</body>

Como pueden ver en modificar-promocion.php se muestra la imagen y tiene un link para eliminar, al hacer click con javascript te pregunta si deseas eliminar la imagen, pero no se como hacer para que se elimine sin tener que irte se esa pagina, para que no se vayan las variables.

Bueno espero que se entienda..
Agradezco su tiempo.
Saludos.

pr0 · #2 (**permalink**) 02/05/2013, 06:59

Busca AJAX en google

juancu93 · #3 (**permalink**) 02/05/2013, 07:04

Hola pr0, gracias por la respuesta, podrias orientarme un poco mas sobre AJAX, como tendria que buscar en google para encontrar algo que me ayude con mi problema?

pr0 · #4 (**permalink**) 02/05/2013, 07:06

Tutorial + ajax + jquery

http://www.cristalab.com/tutoriales/...-jquery-c226l/