Ayuda para desarrollar aplicacion sencilla en ajax y mysql

[El_Metallick]

mmm bueno como sabes php y mysql te daré sólo la parte de ajax

Código Javascript:

function newAjax() { 
    var xmlhttp = false;
    
    try {
        xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
    } catch(e) {
        try {
            xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
        } catch(E) {
            if(!xmlhttp && typeof XMLHttpRequest != 'undefined') {
                xmlhttp = new XMLHttpRequest();
            }
        }
    }
    
    return xmlhttp; 
}
 
function searchImage() { 
    var code = document.getElemetById('code').value;
    var content = docuemt.getElementById('content');
    
    ajax.open('POST', 'searchImage.php?', true);
    ajax.onreadystatechange = function() { 
        if (ajax.readyState == 4) {
            content.innerHTML = ajax.responseText;
        }
    }
    
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');  
    ajax.send('code='+code);
}
 

En el HTML algo así:

Código HTML:

<form action="#" onSubmit="javascript: searchImage();">
Código: <input type="text" id="code" name="code" />
<br /><input type="submit" value="Enviar" />
</form>
<p id="content"></p>
 

Consideraciones:

la página searchImage.php debe tener:

un $variable = $_POST['code']; para rescatar el código ingresado y hacer la consulta
y en caso de haber una imagen guardada retornar el html de la imágen, es decir algo de la forma

<img src="<?= $foto ?>" />

y con eso debería funcionar, si no me avisas y le hecho una mirada

Saludos