ajaxの結果を返すにはどうすればいいですか？

Question

この質問にはすでに回答していて、私はそれらのいくつかを使っていますが、私は何が間違っているのかまだ分かりません。

基本的に私は、AJAXの成功の結果を返す機能があります：関数を呼び出す

var Functioncalling = function(id){ 
var Infotoreturn=null; 
formdata = { 
    'id': id 
}; 

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:20012/pr/servlet', 
    data: formdata, 
    contentType: "text/html", 
    success: function(result){ 
     console.log("1="+result); 
     Infotoreturn = result; 
    } 
}); 
console.log("2="+Infotoreturn); 
return Infotoreturn; 
} 

を：

var idreturned = Functioncalling(idvalue); 
console.log("3="+idreturned); 

は今、私の最初のコンソール出力に私は、私とまったくデータを取得していますそう思う。しかし、2番目と3番目の両方の出力はnullです。

Answer 1

@Utkanosが言っていることに加えて、最後のreturn文は時期尚早です。

変数Infotoreturnは、Ajax呼び出しが非同期的に、つまり並行して実行されるため、nullになります。主な機能は、操作が完了する前に戻ります。コンソールは結果をログに記録しますが、変数には遅すぎます。

効果的に、Ajaxコールはバックグラウンドで遅れます。したがって、return文は元の値を保持します。

プロミス&遅延オブジェクトなどの高度な機能を使用することも、次のステップをコールバックとして書き込むこともできます。ここで

は、コールバックを使用した例である：

var Functioncalling = function(id,callback) { 
    var Infotoreturn=null; 
    formdata = { 
     'id': id 
    }; 

    $.ajax({ 
     // existing code 
     success: function(result){ 
      console.log("1="+result); 
      // Modification 
      callback(result); 
     } 
    }); 
    // nothing to report yet 
} 
function where_I_need_the_result(result) { 
    console.log('I got: '+result); 
} 

Functioncalling(id,where_I_need_the_result);