Necesito conservar los datos en pantalla al refrescar
Publicado por Elizabeth (1 intervención) el 21/11/2018 17:17:51
Buenas tardes, estoy en proceso de armar una página web de hoteleria para la escuela, pero tengo un problema, la pagina al iniciar, me aparecen las habitaciones en verde, al apretar una habitación se pone en rojo y manda el dato a la BD. Pero al refrescar la página, se pone en verde de nuevo, quisiera saber como hago para que la pagina al refrescar me muestre los datos de la BD.
Este es el codigo de lo principal, lo otro es la conexión y el UPDATE en la BD.
Desde ya muchas gracias.
habitación.php
conexion.php
Este es el codigo de lo principal, lo otro es la conexión y el UPDATE en la BD.
Desde ya muchas gracias.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<table width="50%" class="medio" border="black" align="center">
<tr>
<?php
session_start();
include('conexion.php');
$sql= "SELECT * FROM habitaciones";
$resultado= mysqli_query($con, $sql);
?>
<td class="hab" data-estado='0' data-nro="HAB1" align="center"><p>Habitación 1</td>
<td class="hab" data-estado='0' data-nro="HAB2" align="center"><p>Habitación 2</td>
<td class="hab" data-estado='0' data-nro="HAB3" align="center"><p>Habitación 3</td>
<td class="hab" data-estado='0' data-nro="HAB4" align="center"><p>Habitación 4</td>
</tr>
<tr>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
</tr>
<tr>
</table>
<br>
<table width="50%" border="black" align="center">
<tr>
<td class="hab" data-estado='0' data-nro="HAB5" align="center"><p>Habitación 5</td>
<td class="hab" data-estado='0' data-nro="HAB6" align="center"><p>Habitación 6</td>
<td class="hab" data-estado='0' data-nro="HAB7" align="center"><p>Habitación 7</td>
<td class="hab" data-estado='0' data-nro="HAB8" align="center"><p>Habitación 8</td>
</tr>
<tr>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
<td align="center"><p>Facturación</p></td>
</tr>
</table>
<script src="jquery.min.js"></script>
<script>
function change(elemento) {
var estado = $(elemento).data('estado')
if(estado == "0"){
$(elemento).css({'background-color': "#008000"});
}else{
$(elemento).css({'background-color': "#B40404"});
}}function actualizar_habitacion(element){
var that = $(element);
var nro = $(element).data('nro');
var estado = $(element).data('estado');
if (estado == 1){
estado = 0;}else{
estado= 1; }var data = {'nro_habitacion': nro, 'estado': estado};
console.log(data)
$.ajax({
url: "habitacion.php",
data: data,
type:'POST',
//dataType: "json",
}).done(function() {
$(that).data('estado', estado)
change($(that));
})
.fail(function( jqXHR, textStatus, errorThrown ) {
console.log( "FALLO!!!: " + textStatus + "\ndetalle: " +errorThrown);
});
}$.each($(".hab"), function(index, value){
change($(value));
$(value).on('click', function(){
actualizar_habitacion($(this));
});
});
</script>
habitación.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
session_start();
include('conexion.php');
$estado=$_POST['estado'];
$nro_habitacion=$_POST['nro_habitacion'];
//if( isset($_POST['nro_habitacion']) && isset($_POST['estado']) ) {
$sql = "UPDATE habitaciones SET estado='$estado' WHERE nro_habitacion= '$nro_habitacion'";
$resultado = mysqli_query($con, $sql);
//}?>
conexion.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$servername = "localhost";
$username = "root";
$password = "";
$db = "hoteleria";
// Create connection
$con = mysqli_connect($servername, $username, $password,$db);
// Check connection
if (!$con) {
die("Connection failed: " . mysqli_connect_error());
}?>
Valora esta pregunta
0