ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript_javascript スキルの下で XMLHttpRequest を通じてリクエストを送信するコード

JavaScript_javascript スキルの下で XMLHttpRequest を通じてリクエストを送信するコード

WBOY
WBOYオリジナル
2016-05-16 18:05:291308ブラウズ

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("ログインに失敗しました!");
}
}
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。