Hola a todos, hoy empesé con ajax convinandolo con php
bien, estuve buscando por ahi y vi cosas realmente dificiles a mi nivel, sea un tutorial o lo que sea, algo que no me entra a la cabeza y me cuesta aprender, bien me largué solo e hise un codigo para probarlo y tratar de devolver una imagen de una base de datos en una div.
Lo que deseo hacer es que cuando se cargue la pagina la div "foto-personas" se cargue automaticamente con una imagen extraida de una db:
este es mi codigo:
Código Javascript
:
Ver originalfunction objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function pedirDatos(){
//donde se mostrar el resultado
divResultado = document.getElementById('foto-persona');
//tomamos el valor de la lista desplegable
nom=document.formulario.lista.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//usamos el medoto POST
//archivo que realizar la operacion
//datoscliente.php
ajax.open("POST", "mostrarfoto.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send()
}
mostrarfoto.php:
Código PHP:
Ver original<?php
include("conexion.php");
$q_consulta = mysql_query('SELECT link_foto from fotos where pertenecea_foto = 1410854509',$db); echo '<img src="uploads/'.mysql_result($q_consulta, 0).'">'; ?>
y el contenido html:
header: <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
Como puedo solucionar esto?, asi de paso aprendo y de una vez me saco la intriga de como masomenos funciona esto
PD: el codigo ajax lo extraje de un tutorial que de verdad me parecia complicado, intente retocarlo pero no me funciono y ya sabia que no iba a funcionar jaja.
Muchas gracias!