質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.91%

Ajaxの返り値を受け取ってからの処理

解決済

回答 4

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 23K+

masayoshi001

score 18

前提・実現したいこと

JavascriptとPHPを用いてMySQLを操作するアプリを作成しています.
まず,valueをもとにmySQL内のマスタテーブルからIDを取得し(getID),返ってきたIDをもとに
別のテーブルにデータをインサートしたい(insert_into_db)と考えています.

発生している問題・エラーメッセージ

コードを実行してもmyIDがundefinedになってしまいます.
done内でconsole.logを使用して確認すると,MySQLからは正常にデータ取得できています.

該当のソースコード

画面上のボタンをクリックすると以下を実行します.

var myID = getID(value);
var ret = insert_into_db(myID);

getID関数内は以下のようになり,Ajaxでデータを取得しています.

function getID(Key){

  $.ajax({
    type: "POST",
    dataType: "json",
    url:  "http://localhost/php/DB_getID.php",
    asyn: false,
    data:{
         k:Key
    },

  }).done(function(data, textStatus, jqXHR){

    //結果が0件の場合
    if(data == null) alert('データが0件でした');

    return data;

  }).fail(function(jqXHR, textStatus, errorThrown){
      alert('エラー');

  });

}

試したこと

defferdやcompleteを使用しましたが,結果は変わりませんでした.
どこを改善すれば所望の結果を得ることができるでしょうか?

補足情報(言語/FW/ツール等のバージョンなど)

より詳細な情報

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2017/03/24 14:54

    質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

    キャンセル

回答 4

checkベストアンサー

+2

こうですね

var value=123;
$.when(getID(value)).done(function(){
var myID = arguments[0];
var ret = insert_into_db(myID);
});

function getID(Key){
  var def= $.Deferred();
  $.ajax({
    type: "POST",
    dataType: "json",
    url:  "http://localhost/php/DB_getID.php",
    data:{k:Key},
    success:function(data, textStatus, jqXHR){
      if(data == null) alert('データが0件でした');
      def.resolve(data);
    },
    error:function(jqXHR, textStatus, errorThrown){
      alert(textStatus);
    },
  });
  //return def.promise(this); /*修正*/
  return def.promise();
}


すみません、一部修正しました

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/03/25 16:17

    ご回答ありがとうございます.
    ご提示下さったコードで所望の結果を得ることが出来ました.
    まだ理解が不十分な部分がありますので,学習を進めてまいります.

    キャンセル

+2

http://qiita.com/sukobuto/items/0ee5026776e1bab10fb4

ここを御覧ください。まさにこの問題が書かれています。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/03/25 16:21

    ご回答ありがとうございます.
    リンク先を拝読いたしました.今回の質問と全く同じ内容ですね.
    コードをコピーして実行しながら動作の理解をしていこと思います.

    キャンセル

+2

同期で動かすのはお勧めしません。(デベロッパーツールで警告が出ます)

どうしても使用するなら、下記のやり方で出来るとは思います(未検証)。(とりあえずdoneのfunction内でのreturnはgetIDのreturnとは違うのでundefinedになる)

【jQueryのajax()を利用すると返り値をとりたいときのやり方 - Qiita】
http://qiita.com/katsukii/items/bd64efcf4f070d77c028

非同期処理でも複雑な処理も出来るので、そちらに置き換えてはいかがでしょうか。

【JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる - Qiita】
http://qiita.com/YoshikiNakamura/items/732ded26c85a7f771a27

【JavaScriptのPromiseで同期処理と非同期処理のタイミングを制御する(便利)】
https://www.wareko.jp/wordpress/?p=13612

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/03/25 16:19

    ご回答ありがとうございます.
    yambejp様がご提示下さったコードで所望の結果を得ることが出来ました.
    現状の理解度ではさらに難しい処理を実現することは出来そうにありませんので,
    ご提示いただいたリンク先の内容を読んで勉強したいと思います.

    キャンセル

+1

コードを実行してもmyIDがundefinedになってしまいます. 

.done に設定した function が非同期で動くからうまくいかないのだと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/03/25 16:23

    ご回答ありがとうございます.
    非同期での動作についての理解が不十分でした.
    順序処理などを勉強し直してみます.

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る