Kendi kodu ile tüm dışarı yorumladı bölümleri değiştirmek zorunda olurdu, ama burada AJAX istekleri için genel bir şablon.
AJAX etkileyecek alacak HTML / PHP dosyasının içinde.
<html>
<body>
<input type="submit" onclick="generateCaptcha()">
<div id="captcha">Your captcha div</div>
</body>
</html>
AJAX isteği çağırmak için Javascript kodu.
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;
}
yourfile.php verileri işleyecek adlı AJAX çağrısı, içinde PHP dosyası döndü ve bir sayfa yenileme olmadan div
elemanına gerekli her türlü veri işleme yapacağız.
Bir bakış atın AJAX Tutorial a> şeylerin içine atlama önce.