Вы должны заменить все закомментированные разделы своим собственным кодом, но вот обобщенный шаблон для запросов AJAX.
Внутри вашего HTML / PHP файла, где вступит в силу AJAX.
<html>
<body>
<input type="submit" onclick="generateCaptcha()">
<div id="captcha">Your captcha div</div>
</body>
</html>
Ваш код Javascript для вызова AJAX-запроса.
var xmlhttp;
function generateCaptcha() {
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null) {
alert ("Browser does not support HTTP Request");
return;
}
var url="yourfile.php"; // file to send the AJAX request too, see below
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged() {
if (xmlhttp.readyState==4) { // success.
// generate your new captcha
}
}
function GetXmlHttpObject() {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject) {
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
Ваш PHP-файл внутри вызова AJAX с именем yourfile.php обработает возвращенные данные и выполнит любые необходимые манипуляции с данными обратно на элемент div без обновления страницы.
Изучите Учебное пособие по AJAX , прежде чем приступить к делу.