AJAX と PHP コードを組み合わせてログイン効果コードを実装する簡単な例

HTML 部分：


<スクリプト言語="javascript">
function postRequest(strURL){
var xmlHttp;
if(window.XMLHttpRequest){ // Mozilla、Safari、...の場合
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // Internet Explorer の場合
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open('POST', strURL, true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4){
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}

function updatepage(str){
if(str=="yes"){
alert("Welcome User");
}else{
alert("ログインが無効です! もう一度お試しください!");
}
}

関数 call_login(){
var ユーザー名 = window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "login.php?username=" ユーザー名 "&password=" パスワード ;
postRequest(url);
}