0

私は 2 つの Ajax 呼び出しを行って、データを取得して Web ページのさまざまな部分に入力しようとしていますが、ご存知のように、2 回目だけが発生します。

だから私はこれをやろうと思った：

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

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

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

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

アイデアは、ajax() を 2 回呼び出す代わりに、独立して実行される ajax の 2 つの独立したインスタンスを用意するというものでした。

それは機能します..しかし、私が到着したことを知らせるために ajax() の上部にアラートを入れた場合に限ります。

したがって、アラートは、最初のリクエストが2番目のリクエストが呼び出される前に終了する時間を与えると考えています。したがって、それらを別々のインスタンスに適切に分離することはできませんでした。それは不可能ですか？

私は何が欠けていますか？

すべての最高の 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
}

次に、2 番目の呼び出しを実行する前に準備完了状態を確認します。

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

また、AJAX 呼び出しが実行された後、必ず readyState を false に戻してください。これにより、最初の AJAX 呼び出しの実行が完了してから、2 番目の呼び出しが実行されるようになります。

于 2012-01-19T21:39:41.993 に答える