XMLHttpRequest オブジェクトの使用は 4 つのステップに分かれています。
1. XMLHttpRequest コンポーネントを作成します
2. コールバック関数を設定します
4. リクエストを送信します
:
var userName
var passWord ;
var xmlHttpRequest;
//XmlHttpRequest object
function createXmlHttpRequest(){
if(window.ActiveXObject){ //IE ブラウザの場合
return new ActiveXObject("Microsoft.XMLHTTP ");
}else if(window.XMLHttpRequest){ //IE 以外のブラウザ
return new XMLHttpRequest();
}
}
function onLogin(){
userName = document.f1.username.value;
passWord = document.f1.password.value;
var url = "LoginServlet?username="userName "&password="passWord ""; XMLHttpRequest コンポーネントを作成します
xmlHttpRequest = createXmlHttpRequest();
//2. コールバック関数を設定します
xmlHttpRequest.onreadystatechange = zswFun;
//3. XMLHttpRequest コンポーネントを初期化します
xmlHttpRequest() "POST",url,true);
//4. リクエストの送信
xmlHttpRequest.send(null);
}
//コールバック関数
function zswFun(){
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest .status == 200){
var b = xmlHttpRequest.responseText;
if(b == "true"){
alert("ログイン成功! ");
}else{
alert("ログインに失敗しました!");
}
}
}