0

私はJavascriptにかなり慣れていないので、次のオブジェクトプロパティが転送されない理由を一生理解できません。

次のようにオブジェクトを呼び出しています。

var URL = "TABLE=_Products&COLUMNS=price_Qty,Sale&MATCH=internal_Model&ROWS="+itemnum ;
var ITEM = new get_Database_Info(URL) ;

get_Database_Info は次のとおりです。

function get_Database_Info(PARAMS) {
    alert(toString(this));
    var URL = document.location.protocol+'//'+document.location.host+'/Catalog/Tools/ajax_Database_Request.php' ;

    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
    else{// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

    if(!xmlhttp){alert('Error: Cannot send XML request.');}
        xmlhttp.onreadystatechange=function() {

            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                alert(toString(this));
                var RESPONSE = xmlhttp.responseText ;
                RESPONSE = RESPONSE.replace(/^\s+/, '');
                var ARR = RESPONSE.split('||') ;
                ARR.pop() ;
                for(var i=0; i<ARR.length; i++){
                    var temparr1 = ARR[i].split('=') ;
                    var NUM = temparr1[0] ;
                    this[NUM] = new Array() ;
                        var temparr2 =   temparr1[1].split('/|') ;
                        temparr2.shift() ;
                            for(var x=0; x<temparr2.length; x++){

                                var temparr3 = temparr2[x].split('??') ;

                                this[NUM][temparr3[0]] = temparr3[1] ;

                            }
                }

            }
        }

    xmlhttp.open("POST", URL, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", PARAMS.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.send(PARAMS);

}

すべてのプロパティが get_Database_Info の範囲内の「this」にあることを確認しましたが、ITEM に転送されていません。

4

2 に答える 2

0

onreadystatechange にアタッチされている関数が実行thisされると、コンストラクターで作成されているオブジェクトにはアタッチされなくなりましたが、おそらくグローバル オブジェクトまたはオブジェクトにアタッチされていると思いxmlhttpます。私はvar that=thisパターンを使用してみます:

function get_Database_Info(PARAMS) {
    alert(toString(this));
    var URL = document.location.protocol+'//'+document.location.host+'/Catalog/Tools/ajax_Database_Request.php' ;

    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
    else{// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

    var that=this; // value of that will be stored in the closure

    if(!xmlhttp){alert('Error: Cannot send XML request.');}
        xmlhttp.onreadystatechange=function() {
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                alert(toString(that));
                var RESPONSE = xmlhttp.responseText ;
                RESPONSE = RESPONSE.replace(/^\s+/, '');
                var ARR = RESPONSE.split('||') ;
                ARR.pop();
                var arrLength = ARR.length; // always precompute array length
                for(var i=0; i<ARR.length; i++){
                    var temparr1 = ARR[i].split('=') ;
                    var NUM = temparr1[0] ;
                    // that is actually equal to the object that I created
                    // in the constructor.
                    that[NUM] = new Array() ;
                    var temparr2 =   temparr1[1].split('/|') ;
                    temparr2.shift() ;
                    var arrayLength = temparr2.length; // always precompute length
                    for(var x=0; x<arrayLength; x++){
                        var temparr3 = temparr2[x].split('??') ;
                        that[NUM][temparr3[0]] = temparr3[1] ;
                    }
                }
            }
        }

    xmlhttp.open("POST", URL, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", PARAMS.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.send(PARAMS);

また、コメントに記載されているように、forループの配列内の値を反復処理する場合は、array.length を直接使用しないでください。ループのlengthたびにメソッドが呼び出され、大量の不要な作業が追加されるためです。 .

また、@Guffa が指摘しているように、値を追加する関数は非同期で呼び出されるため、XmlHttpRequest が完了するまでプロパティは存在しません。これは非常に危険なアンチパターンです。私はそれに反対することを強くお勧めします。コンストラクターにデータの同期要求を行わせることをお勧めします。

于 2011-03-23T17:41:06.183 に答える
0

オブジェクトの内容を確認するのはいつですか? リクエストは非同期であるため、オブジェクトにプロパティが存在する前に、コールバックがレスポンスを処理するまで待つ必要があります。

オブジェクトが作成された直後にプロパティを探しても、そこにはありません。応答が非常に速い場合でも、最初にコールバックを実行できるのは、オブジェクトを作成した関数を終了するときであるため、ブラウザーは制御を取り戻します。

于 2011-03-23T17:48:36.850 に答える