0

我正在尝试进行两次 Ajax 调用以获取数据以填充网页的不同位，并且您已经知道，只有第二次发生。

所以我想我会这样做：

callAjax1('a'); callAjax2('b');

function callAjax1(data) {
 ajax(data);
}

function callAjax2(data) {
 ajax(data);
}

function ajax(data) {
 // calls XMLHttpRequestObject etc
}

这个想法是，现在我将拥有两个独立运行的 ajax 实例，而不是两次调用 ajax()。

它可以工作..但只有当我在 ajax() 顶部发出警报以让我知道我已经到达时。

所以我认为 alert 在调用第二个请求之前给出了第一个请求完成的时间。因此，我没有设法将它们正确地分成单独的实例。那不可能吗？

我错过了什么？

万事如意J

更新：我在想这个，我有机会吗？

tParams = new Array (2); // we intend to call ajax twice
tParams[0] = new Array('ajaxGetDataController.php', 'PROJECT', 'id');
tParams[1] = new Array('ajaxGetFileController.php', 'FILE', 'projectId');

<select name='projectSelector' onchange=\"saveData(tParams, this.value);\">\n";

// gets called, twice
function saveData(pParams, pData) // pParams are: PageToRun, Table, Field
{
    if (XMLHttpRequestObject)
    {
        tPage = pParams[0][0]+'?table='+pParams[0][1]+'&pField='+pParams[0][2]+'&pData='+pData;
        XMLHttpRequestObject.open('GET', tPage);\n

        XMLHttpRequestObject.onreadystatechange = callAjax(pParams, pData);

        XMLHttpRequestObject.send(null);

    }   
}

function callAjax(pParams, pData)
{
 if (XMLHttpRequestObject.readyState == 4 &&    XMLHttpRequestObject.status == 200)
    {
        var tReceived = XMLHttpRequestObject.responseXML;
        options = tReceived.getElementsByTagName('option'); // fields and their values stored in simplest XML as options
        popForm(options, pParams[0][1]); // goes off to use the DOM to populate the onscreen form
        pParams.shift();    // cuts off pParams[0] and moves all elements up one
        if (pParams.length>0)
        {
            saveData(pParams, pData);
        }
    }
}
4

1 回答 1

0

我将为 AJAX 函数创建一个就绪状态变量：

function ajax(data) {
 readyState = false;
 // calls XMLHttpRequestObject etc
}

然后在执行第二次调用之前检查就绪状态：

function callAjax2(data) {
if(readyState == true) {
 ajax(data);
 readyState = true;
 }
}

并确保在 AJAX 调用执行后将 readyState 改回 false。这将确保第一个 AJAX 调用在第二个尝试触发之前完成执行。

于 2012-01-19T21:39:41.993 回答