0

非同期 JavaScript に問題があります。jQuery AJAX 呼び出し内で関数を呼び出します。この関数には、おそらく他の非同期メソッド呼び出しがあります。私はその瞬間に立ち往生しました。

ここに、jQuery AJAX 関数によって呼び出されるコード スニペットがあります。ここでは、JSON オブジェクトを動的に構築します。

function getJSONObjektList() {
    //MainJSON
    var jsonObjekt = {};
    jsonObjekt.ObjektId = [];
    jsonObjekt.Selected = [];

    doc = XYZ.GetCurrentDocument();
    //probably also an asynchrounous call
    doc.GetAllObjects(function (objects) {
        for (var i = 0; i < objects.length; i++) {
            var obj = objects[i];
            var id = obj.id;
            var caption = obj.caption;
            var type = obj.type;
            var my = obj.my;
            console.log("[obj:" + obj + " id:" + id + " caption:" + caption + " type:" + type + " my: " + my + "]");

            //liste alle verfuegbaren  Objekte auf 
            jsonObjekt.ObjektId.push(id);

            if (type === "Statusbox") {
                doc.GetObject(id, function () {
                    var statusboxInhalt = this.Data.Rows;
                    //inner JSON object                        
                    var utilJSONObjekt;

                    for (var j = 0; j < statusboxInhalt.length; j++) {
                        // make sure to re-initialize so we don't update the same reference
                        utilJSONObjekt = {};
                        utilJSONObjekt.SelectedObjektId;
                        utilJSONObjekt.SelectedObjektWerte = [];

                        var inhalt = statusboxInhalt[j];
                        console.log("Name: " + inhalt[0].text + " Wert: " + inhalt[2].text);

                        utilJSONObjekt.SelectedObjektId = inhalt[0].text;

                        var valAr = inhalt[2].text.split(",");
                        for (var k = 0; k < valAr.length; k++) {
                            utilJSONObjekt.SelectedObjektWerte.push($.trim(valAr[k]));
                        }
                        jsonObjekt.Selected.push(utilJSONObjekt);
                        //**till here is the jsonObject not null or empty, there are some values in there**
                    }
                });
            }
        }
    });
    //**but on the return statment is the jsonObjekt empty**
    return jsonObjekt;
}

どうすれば問題を解決できるか、または JavaScript を非同期で最適に動作させるにはどうすればよいか、誰かにヒントを教えてください。

4

1 に答える 1

0

ええ、単純にコールバック パターンを使用します。

function getJSONObjektList(callback) { // <--- note callback
   // asynchronous code starts here...
               for (var k = 0; k < valAr.length; k++) {
                   utilJSONObjekt.SelectedObjektWerte.push($.trim(valAr[k]));
               }
               jsonObjekt.Selected.push(utilJSONObjekt);
               callback(jsonObjekt);
   // ...and ends here
}

コードでは、次のように使用できます。

getJSONObjektList(function(jsonObjekt) {
    console.log(jsonObjekt);
    // other code
});

編集これは、同じ問題に対する2つの解決策の例です。コールバック パターンのあるものとないもの:

コールバックなし

var add = function(x,y) {
    return x+y;
};
var x = 1;
var sum = add(x, 1);
var sum2 = add(sum, 1);
console.log(sum2);

折り返し電話

var add = function(x,y,callback) {
    callback(x+y);
}
var x = 1;
add(x, 1, function(sum) {
    add(sum, 1, function(sum2) {
        console.log(sum2);
    });
});

明らかに、コールバック パターンはより厄介ですが、非同期操作を扱っている場合は、絶対に必要です。次に例を示します。

var add = function(x, y, callback) {
    // add numbers after 2 seconds
    setTimeout(function() {
        callback(x+y);
    }, 2000);
}
add(1, 2, function(sum) {
    console.log(sum);
    // will produce 3 after 2 seconds
    // you can continue your code here
});

アイデアは、非同期操作が完了した後に呼び出される関数を渡すことです。

于 2013-04-02T11:33:31.463 に答える