Buenas, en una de las partes de un trabajo me pide cargar la descripción de una película sobre un lightbox con su imagen.
Esto debo hacerlo haciendo uso de AJAX con XMLHttpRequest.
La descripción de la película se la solicito a Desc.php, tras compartirle el id de la película con un GET.
Código PHP:
<script>
//Hacemos el objeto global
var httpRequest;
//esta funcion obtiene un id y una imagen
function getInfo(id,img) {
var picture= this.img;
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = showLightbox;
//Desc.php nos devolverá la descripción de la película tras
// realizar una consulta a una base de datos usando el id del GET
httpRequest.open("GET","Desc.php?id='id'",true);
httpRequest.send(null);
}
function showLightbox() {
try {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
//Obtenemos la respuesta correctamente
var descrip = httpRequest.responseText;
document.getElementById('lightbox').style = 'display:block;';
document.getElementById('lightbox').appendChild(picture);
document.getElementById('lightbox').appendChild(descrip);
}
else {
alert('There was a problem with the request.');
}
}
} catch (e) {
alert('Caught Exception: ' + e.description);
}
}
No soy muy experto en Ajax, ¿alguien me podría echar un cable?