Ajax処理からの戻り値がなぜか受け取れない

Question

var getKey = function(id) {
    return $.ajax({
        url: "http://myprocess",
        data: {"id": id}
    })
}
var resid= ""; 
getKey(myid)
  .done(function(result) {
       resid = result;
}).fail(function(result) {
       //エラー処理
}); 
console.log(resid);

上記のようなコードでAjaxからの戻り値を取得しようとしているのですが、なぜかresidの中身が空白になってしまいます。リクエストはJavaサーブレットで正常に処理され、Java側をデバッグすると値自体の取得はできていました。とするとJavaScript側での記述方法が間違っているかと思うのですが、原因がわからず・・・。doneで処理しているので、非同期でもサーバ側の処理が完了してから値を受け取れるはずなのですが・・・

ご回答宜しくお願い致します。

Answer 1

ajaxは非同期処理なのでそのconsole.log時にはまだ処理終わってない可能性もあります。
done内で確認するかDeferredで制御する必要があります。

Comments

[ImPathy]

doneの中で確認しても同じでした...。
仰っているように、ajax処理の外側のconsole.logが動作するときにはajax処理が完了していない可能性があるために値が入っていないというのは理解できるのですが、doneの中で確認しても値が入っていないのは何故なんでしょうか？

[m.ts10806]

どのように書いたか分かりませんが、サーバーサイドのほうはデバッグして想定のタイミングでちゃんと通ってることは確認してますか？

[ImPathy]

よくよく見てみると、サーバサイドの方で値自体は取得できていましたが、returnの際のパース処理ができていなかったためにJS側でもうまく受け取れていないだけでした。ありがとうございました。