[prototype.js] Ajax.Requestの取得データをコールバック関数外で取得する方法

下記のコードを実行すると、
'undefined'
'hello'
と表示されます。

（A）の箇所でグローバル変数gTestに'hello'が格納されている事を期待するのですが、undefinedとなります。
どういった理由でこうなるのでしょうか？

また、onCompleteで定義した処理内で、
値をグローバル変数に格納するにはどのような方法がありますか？

何卒よろしくお願い致します。

--
<script src="/js/prototype.js" type="text/javascript"></script>
<script type="text/javascript">
var gTest;
function load()
{
new Ajax.Request('http://～/', { method: 'get', onComplete: displayData });
alert(gTest);//（A）undefinedと表示
}

function displayData(httpObj)
{
gTest = 'hello';
alert(gTest);//（B）helloと表示
}
load();
</script>
--

No.2 ベストアンサー 回答者： steel_gray 回答日時： 2008/03/31 23:49

#1さんのおっしゃる通りです。

Requestの通信モードのデフォルトは非同期通信です。
よって、Requestの結果を待たずに次のステップに移るので
最初はundefinedになります。
もし、Requestの結果を待ってから次のステップに移るように動作させたいのであればRequestのパラメータにasynchronousを加えて同期通信にする必要があります。
new Ajax.Request('http://～/', { asynchronous : false , method: 'get', onComplete: displayData });

こうすると、コールバック関数(B)が先に実行され、次のステップ（A)に移ります。

この回答へのお礼

返答ありがとうございます。

大変良く分かりました。
とても当たり前の動作をしていただけなのですね。
もっと明確に「非同期通信」を意識しなくてはダメでしたね。

お礼日時：2008/04/01 02:04

No.3 回答者： taloo 回答日時： 2008/04/01 00:30

非同期っぽいサンプル。

<script type="text/javascript">
var gTest;
function load()
{
setTimeout(displayData, 5000);
alert(gTest); //（A）undefinedと表示
}

function displayData(httpObj)
{
gTest = 'hello';
alert(gTest); //（B）helloと表示
}
load();
</script>

この回答へのお礼

サンプルありがとうございます。
理解の一助になりました。

お礼日時：2008/04/01 02:09

No.1 回答者： auty 回答日時： 2008/03/31 21:40

alert(gTest); //（A）undefinedと表示

が先に実行され、 このときは、gTest はまだ
undefined
です。

new Ajax.Request('http://～/', { method: 'get', onComplete: displayData });
が完了するときに、
displayData ()の
alert(gTest); //（B）helloと表示
が実行されるのだと思います。

gTestに異なる初期値を与えて実験しても面白いとでしょう。

この回答へのお礼

返答ありがとうございました。

その挙動までは捉えていましたが、
もう一歩突っ込んだところまで考えが及んでなかったようです。

お礼日時：2008/04/01 01:57