javascript - Ajax请求和回调更新同时触发

Question

我有一些按以下方式定义的提交按钮:

<input id="add_200,231" type="submit" onclick="updatePage(401,27371,200,231)" value="Add"/>

“onclick”中引用的相应 JavaScript 函数如下所示:

function updatePage(slac,sci,tlac,tci) {
    var url = '/neighbouring?.state=add_cell&source=' + slac + ',' + sci +'&target='+ tlac + ',' + tci + '&dummy='+(new Date()).getTime();

    new Ajax.Request(url,{
        onComplete: triggerContentUpdate(slac,sci)      
    });
}

function triggerContentUpdate(slac,sci) {
    var updates = document.getElementsByClassName('update_on_add');
    for (var i = 0; i < updates.length; i++) {
        var uid = updates[i].id;
        var url = '/neighbouring?.state=update_template&divid=' + uid + '&source='+slac + ',' +sci + '&dummy='+(new Date()).getTime();
        var uAjax = new Ajax.Updater(uid,url,{ method: 'get'});

    }
}

需要更新的元素带有“update_on_add”类标签。

当使用Firebug时，我可以看到updatePage()中的Ajax.Request以及triggerContentUpdate()函数中的Ajax.Update被同时调用。我本来希望只在 Ajax.Request 完成后调用triggerContentUpdate()。

我在这里遗漏了什么吗？

Answer 1

你的线路

onComplete: triggerContentUpdate(slac,sci) 

应该是

onComplete: function() { triggerContentUpdate(slac,sci); }

您将立即调用该函数并将其返回值分配给 onComplete 成员。