index.html
<html>
<body>
<script language="javascript">
function checkUsername(str){
var ajax = new XMLHttpRequest();
ajax.onreadystatechange = function(){
if (ajax.readyState == 4) {
document.login.usernameResponse.innerHTML = ajax.responseText;
}
}
ajax.open("GET", "checkUsername.php?q=" + str, true);
ajax.send(null);
}
</script>
<form name='login'>
Username: <input type='text' onkeyup="checkUsername(this.value);" name='username' /> <div id="usernameResponse"></div>
</form>
</body>
</html>
checkUsername.php
<?php
if ($_GET['q'] == 'test') {
echo 'Username exists.';
} else {
echo 'Okay!'
}
?>
Doesn't work