日付ごとに価格を追加するjavascript/jquery not working

Question

私はmysqlからデータを取得してjquery datepickerに入れて忙しいです。 PHP側が良好です。私はgetメソッドでそれをテストし、それは動作します。だから私はJS/Jquery側と闘う。 JSは変数myTextを認識しません。しかし、私は上記を作成しました。

function addCustomInformation() { 

    $("#DatePicker td").filter(function() { 
    var date = $(this).text(); 
    return /\d/.test(date); 
    }).find("a, span").html(function(i, html) { 
    var myText; 
    var day = $(this).text(); 
    var month = $(".ui-datepicker-month").text(); 
    var year = $(".ui-datepicker-year").text(); 
    var date = day + " " + month + " " + year; 

    $.ajax({ 
     url : "../../../func.php", 
     type: "GET", 
     data : {check_datum: date, ItemID: <?= $_GET["ItemID"] ?>}, 
     success: function(info) 
     { 
      myText = info; 
      console.log(date + ", " + info); 
     } 
    }); 

    return html + "<br><small>$"+myText+"</small>"; 
    }); 
} 

Answer 1

success関数はコールバックであり、後で/非同期に実行されることを意味します。つまり、returnステートメントの実行時にmyText変数は設定されません。この問題を解決するには、実行します。成功関数内の復帰

function addCustomInformation() { 
    $("#DatePicker td").filter(function() { 
    var date = $(this).text(); 
    return /\d/.test(date); 
    }).find("a, span").html(function(i, html) { 
    var $el = $(this); 
    var day = $el.text(); 
    var month = $(".ui-datepicker-month").text(); 
    var year = $(".ui-datepicker-year").text(); 
    var date = day + " " + month + " " + year; 

    $.ajax({ 
     url : "../../../func.php", 
     type: "GET", 
     data : {check_datum: date, ItemID: <?= $_GET["ItemID"] ?>}, 
     success: function(info) { 
      console.log(date + ", " + info); 
      $el.html(html + "<br><small>$" + info + "</small>"); 
     } 
    }); 

    return html; 
    }); 
} 

Answer 2

$ .ajaxは非同期関数呼び出しなので、return文を実行するとmyTextの値は設定されません。成功関数内からhtmlを更新する必要があります。