Ajax リクエストを簡単にする JavaScript クラスを作成しました。
私のクラス :
var ajax =
{
method:"GET",
action:"",
data : "",
result: "",
setResult : function(re){this.result = re;},
setMethod : function(method){this.method = method.toUpperCase();},
setAction : function(page){this.action = page;},
addData : function(name,value){data_for_setting_data = name+"="+value+"&";this.data += data_for_setting_data;},
send : function()
{
var XMLHttpRequestObject = false;
if(window.XMLHttpRequest)
XMLHttpRequestObject = new XMLHttpRequest();
else if(window.ActiveXObject)
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
else
{
try
{
XMLHttpRequestObject = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
return false;
}
}
if(XMLHttpRequestObject)
{
var resulter;
datalength = this.data.length;
datasender = this.data.substr(0,datalength-1);
switch(this.method)
{
case "GET" :
XMLHttpRequestObject.open("GET",this.action+"?"+datasender,true);
XMLHttpRequestObject.onreadystatechange = function()
{
if(XMLHttpRequestObject.readyState == 4)
{
this.result = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
;
break;
case "POST" :
XMLHttpRequestObject.open("POST",this.action,true);
XMLHttpRequestObject.setRequestHeader("Content-type","application/x-www-form-urlencoded");
XMLHttpRequestObject.send(datasender);
XMLHttpRequestObject.onreadystatechange = function()
{
if(XMLHttpRequestObject.readyState == 4)
{
this.result = XMLHttpRequestObject.responseText;
}
}
;break;
}
}
}
}
このようなデータを送信すると:
ajax.setAction("a.php");
ajax.setMethod("get");
ajax.addData("myname","mohsen");
ajax.send();
alert(ajax.result);
結果は何もありません。
しかし、たとえば、44行目で、
alert(XMLHttpRequestObject.responseText)
それ以外の
this.result = XMLHttpRequestObject.responseText;
それは正しく動作します。
この問題を解決するにはどうすればよいですか?
もう 1 つの質問: 読み込み速度が低下しますか?