javascriptでの、$.postの使い方について

Question

postで、test.phpにパラメータを送り、それに対して、データを返してもらう処理を書いたつもりなのですが、
このfunctionの戻り値がundefinedになっています。
変数のスコープの話のような気がしていますが、
$.postを使うというか、そもそも、ajaxをやるのも初めてなので、見よう見まねで、作ったものです。
なにか、わけのわからないことをしているような気がして、質問させていただきました。

以下のプログラム内で、コメントで書きましたように、
$.post内のfunctionの中で、戻ってきた値を表示すると、正常に表示されますが、
$.postを出ると、out_put変数にデータは入っていません。
これは、なぜなのでしょうか？
また、post_test()の戻り値として、データを返したいのですが、どうすればいいでしょうか？
よろしくお願いいたします。

function post_test(){
        var out_put;
        var postData = {"a":1, "b":2};
        $.post(
            "test.php",
            postData,
            function(data){
                out_put=data; //ここだとout_putにデータは正常に入っている。
            }
        );        
        return out_put; //ここだとout_putにデータは入っておらず、undefinedと表示される
}

Answer 1

普通に行った場合、返り値にすることはできません。というのも、post_test関数は、通信の結果を待たずに終了してしまうからです。

いちおう、XHRを同期的に行うという方法もなくはないですが、それは「通信中にブラウザが固まる」などの理由で廃止予定となっています。基本的に、通常のWebページですべきことではないです。

Comments

[zodiac]

そうなのですね。知りませんでした。ありがとうございます。
何か、他の方策を考えます。

Answer 2

参考情報

• jquey リファレンスhttp://semooh.jp/jquery/api/ajax/jQuery.post/+url%2C+data%2C+callback%2C+type+/

• postメソッド(成功はdone、失敗はfail)による非同期通信 http://karashidaimyojin.com/jquery/ajax-post/

↑ページに post 処理の記述例があります。

$.post({
  url:  リクエスト送信先のURL,
  data: URLのクエリ（パラメータ）,
}).done(function(data, textStatus, jqXHR){
  // 成功の場合の処理
}).fail(function(jqXHR, textStatus, errorThrown){
  // エラーの場合処理
});

• RailsでAjax基本形 http://qiita.com/mm36/items/684f36f22e79d0a27ae9

Comments

[zodiac]

ありがとうございます。こう言う書き方があるのですね。
ajaxに感しては、始めたばかりで、調べが甘くて、とても参考になります。
リンク先も、拝見させていただきました。もう少し、しっかり書く必要もありそうですね。
考えてみます。

ベストアンサー、すでに付けてしまったので、申し訳ないのですが、本当に、ありがとうございます。