ajaxを使ってXMLHttpRequestオブジェクトを作成する方法

ajaxを使ってXMLHttpRequestオブジェクトを作成する方法_基礎知識

WBOY

リリース： 2016-05-16 17:47:03

オリジナル

1035 人が閲覧しました

オブジェクトを作成するたびにこれほど複雑にする必要がありますか?次のコード:
JScript コード:
"testAjax.htm" ファイル:

コードをコピーコードは次のとおりです

{
// Firefox、Opera 8.0、Safari
xmlHttp=new XMLHttpRequest(); }
catch (e)
エクスプローラー
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
xmlHttp =new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("お使いのブラウザは AJAX をサポートしていません!");
}
}
}
}

まず、XMLHttpRequest オブジェクトを保持する xmlHttp 変数を宣言します。
次に、XMLHttp=new XMLHttpRequest() を使用してこのオブジェクトを作成します。このステートメントは、Firefox、Opera、Safari ブラウザーに固有のものです。これが失敗した場合は、Internet Explorer 6.0 の場合は xmlHttp=new ActiveXObject("Msxml2.XMLHTTP") を試し、これも失敗した場合は、Internet Explorer 5.5 の場合は xmlHttp=new ActiveXObject("Microsoft.XMLHTTP") を試してください。

これら 3 つの方法のいずれも機能しない場合、ユーザーは古いブラウザを使用しているため、ブラウザが AJAX をサポートしていないことを示すプロンプトが表示されます。

この関数の定義を別の js ファイルとして直接保存し、AJAX を使用する必要があるページでこのファイルを参照することができます。
詳細は以下のとおりです:
JScript コード:

コードをコピーします

コードは次のとおりです:

function CreateHTTPObject()
{
var xmlhttp;

try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP") catch ( e ) { try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")

} 
catch (e) 
{ 
xmlhttp = false ; 
} 
} 
if (!xmlhttp && typeof XMLHttpRequest!='未定義') 
{ 
try 
{ 
xmlhttp = new XMLHttpRequest(); } 
catch (e) 
{ 
xmlhttp=false; 
} 
} 
if (!xmlhttp && window.createRequest) 
{ 
try 
 { 
xmlhttp = window.createRequest(); 
} 
catch (e) 
{ 
} 
} 
return xmlhttp; > 

} 以下のように、上記の関数を定義し、呼び出し時にインスタンスを作成します。 
JScript コード: 




コードをコピー

 
 コードは次のとおりです: 

 
var xmlHttp = CreateHTTPObject(); 
if (!xmlHttp) 
{ 

return; object
}
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = function(){HandleRequest(xmlHttp, "要素 ID")}; null);

次のように、jquery を直接使用して 1 つの文で実行することもできます:

コードをコピーします

 コードは次のとおりです:
 
$(document).ready(function(){ 
$("#userpass").blur(function(){ 
varpassword=$("#userpass").val( ); 
var name=$("#username").val(); 
if(password==""||password==null){ 
$("#pass").html ("パスワードを入力してください! "); 
b=false 
}else if(!/^[a-zA-Z0-9_ ] {6,16}$/.test(password)){ 
$("#pass").html("入力形式が正しくありません。パスワードは次のとおりです。少なくとも 6 桁の数字または文字"); 
b=false; 
}else{ 
$.get("LoginAjaxPassword",{"userpass":encodeURI(encodeURI(password)),"ユーザー名": encodeURI(encodeURI(name))},function(response){ 
$("#pass").html(response); 
if(response=="" "√" ""){ 
b=true; 
} 
}); 
} 
return b; 
 }); 
$("#login-submit").click(function(){ 
var autologin=document.getElementById("autologin").checked; 
if(a&&b){ 
 //if ($("#autologin").attr("checked")==true){ 
if(autologin==true){ 
//${"#login-user-form"} .attr( "action","AutoLogin"); 
//$("#login-user-form").submit(); 
document.form.action="AutoLogin"; .form.submit(); 
}else{ 
//${"#ログインユーザーフォーム"}.attr("アクション","ログイン");ログインユーザー -form").submit(); 
document.form.action="ログイン"; 
document.form.submit(); 
} 
} else{} 
 }); 
}); 