非同期AJAX呼び出しからresponseTextを別の関数に渡すにはどうすればよいですか？

Question

私はjQueryとcountdown（jQueryプラグイン）を使用しています。私はカウントダウンがx秒間実行されるようにしたい。ここでxはserverTime.phpの整数である。

問題 - getTime（）関数のresponseTextをTimer関数で使用できるように返す方法がわかりません。

は、最初に私は（jQueryのなし）純粋なJSを使用してみました、と私は似てトピックを見つけました：

• why-can-i-not-return-responsetext-from-an-ajax-function
• in-ajax-how-to-retrive-variable-from-inside-of-onreadystatechange-function
• how-to-return-variable-from-the-function-called-by-onreadystatechange-function
• など...

いくつかのアイデア/可能な解決策を見つけました：

• 同期呼び出しと応答を格納するグローバル変数を使用します。私は これを試してみて、 ユーザ画面をフリーズする（ほとんどの場合、悪い練習とみなされる）ので、これはオプションではありません。
• helper function
-

タイマ機能：

$(function(){ 
    var time = getTime(); // time is an integer 
    $('#defaultCountdown').countdown({until: time, format: 'S', onExpiry: action}); 
}); 

getTime（）チェックserverTime.php整数される、コンテンツを返すべきです。 アラート（html）は機能しますが、return htmlは機能しません。呼び出しが非同期であることがわかっています。

function getTime() 
{ 
    $.ajax({ 
    url: "serverTime.php", 
    cache: false, 
    async: true, 
    success: function(html) 
    { 
     alert(html); 
      helperFunction(html); 
     return html; 
    } 
    }); 
} 

helperFunction。残念ながら、私は結果をタイマー関数に渡す方法を知らない。

function helperFunction(response) 
{ 
    return response; 
} 

serverTime.php

echo 30; // 30 seconds, just an example 

私は私の問題を説明し、私はそれにいくつかの時間を入れていることを示すためにしようとしました。追加情報が必要な場合は、尋ねてください。たぶん私は間違った方向に考えているだけかもしれません。

Answer 1

time変数が実際に使用されている場所にコードが表示されません。

AJAXは非同期あるので最終的には、getTime()関数からAJAXの応答を返すことができないので、応答がを受信する前にgetTime()は常に返されます。

あなたはgetTime()関数に、好きなコード合格した方が良いんだろう...

function getTime(func) 
{ 
    $.ajax({ 
     url: "serverTime.php", 
     cache: false, 
     async: true, 
     success: func // <--set the function received as the callback 
    }); 
} 

    // pass a function to getTime, to be used as the callback 

function myFunc(html) { 
    /* do something with html */ 
} 
getTime(myFunc); 

...または応答...

function getTime(func) 
{ 
    $.ajax({ 
     url: "serverTime.php", 
     cache: false, 
     async: true, 
     success: function(html) { 
      someFunction(html); // <--- call a function, passing the response 
     } 
    }); 
} 

someFunction(html) { 
    /* do something with html */ 
} 

...あるいは単に:successコールバックに適切なコードをハード...

function getTime(func) 
{ 
    $.ajax({ 
     url: "serverTime.php", 
     cache: false, 
     async: true, 
     success: function(html) { 
      /* do something with html */ 
     } 
    }); 
} 

---

を渡し、:successコールバック内から別の関数を呼び出します編集：

ここでは、timeを使用する場所を確認します。上記の私の2番目の例を使用することができます。作成する関数がgetTime()関数にアクセス可能な可変スコープにあることを確認してください。このよう

：

$(function(){ 
    getTime(); // get things started when the DOM is ready 
}); 

function getTime() { 
    $.ajax({ 
     url: "serverTime.php", 
     cache: false, 
     async: true, 
     success: function(html) 
     { 
      doCountdown(html); // call doCountdown, passing it the response 
     } 
    }); 
} 

    // doCountdown receives the response, and uses it for the .countdown() 
function doCountdown(time) { 
    $('#defaultCountdown').countdown({until: time, format: 'S', onExpiry: action}); 
} 

Answer 2

あなたが非同期的にあなたのAJAXを使用しているので、それは別のスレッドで実行されます。つまり、var time = getTime();は何も設定されていません。 return html;へのajax呼び出しが実行されるまでには、応答を受信するのに何も待機していません。元のスレッドの実行が終了し、関数getTime()は何も設定していないため、timeは空白になります。

あなたは可能性があり、グローバルVARとしてセットアップ時間、そしてgetTime()を呼び出すことは、時間ときAJAX呼び出しが終了設定 - この場所とするときに時間を使うために必要なすべての依存....

var time = 0; 

$(function(){ 
    getTime() 
    $('#defaultCountdown').countdown({until: austDay, format: 'S', onExpiry: action}); 
}); 

function getTime() 
{ 
    $.ajax({ 
     url: "serverTime.php", 
     cache: false, 
     async: true, 
     success: function(html) 
     { 
      time = html; 
     } 
    }); 
}