jQuery Ajax Post - コールバック関数を使用してグローバル変数を設定できませんか？

Question

私は以下のajaxメソッドを持っています。成功するとグローバル変数を設定したいが、動作していないようだ - コンソールは空のオブジェクトを返す。 asyncをfalseに定義した場合のみ動作します。しかし、私は非同期のajaxメソッドを維持したいと思います。これをどのように機能させることができますか？

function ajaxCallBack(data) { 
     var response = $.parseJSON(data.d); 
     appointment = { startDate: response.startDate, endDate: response.endDate }; 
     console.log(appointment); 
} 

または

function ajaxCallBack(data) { 
     var response = $.parseJSON(data.d); 
     appointment = { startDate: response.startDate, endDate: response.endDate }; 
     printAppointment(); 
} 

// define as global: 
function printAppointment() { 
    console.log(appointment) 
} 

Answer 1

ajaxは非同期操作です。したがって、console.logはajax successより前に実行されます。 ajaxCallBack関数から変数を慰める

function ajaxCallBack(data) { 
    var response = $.parseJSON(data.d); 
    appointment = { startDate: response.startDate, 
        endDate: response.endDate }; 
    console.log(appointment); 
} 

Answer 2

console.log()は、実行することができますコンソールでappointmentを表示するには、（ajaxが非同期である）ajaxCallback()前にトリガされ、appointment前に設定されていますそれが完了するのを待たずに表示されるコードを意味します。したがって、あなたのconsole.logは、ajaxが必ずオブジェクトを生成するために必要なものを取得する前に実行されています。

console.logステートメントをコールバック内で移動してみてください。appointmentを設定した行の直後に配置してください。

Answer 3

アヤックスは非同期に行われます

var appointment = {}; 

if ($("#Appointment").is(":checked")) { 
    $.ajax({ 
      type: "POST", 
      url: "someurl", 
      contentType: "application/json; charset=utf-8", 
      data: JSON.stringify({ 
       dateStart: moment() 
      }), 
      // async: false, 
      dataType: "json", 
      success: function(data) { 
       ajaxCallBack(data); 
      } 
    }); 

    function ajaxCallBack(data) { 
      var response = $.parseJSON(data.d); 
      appointment = { startDate: response.startDate, endDate: response.endDate }; 
    } 
} 

console.log(appointment);