每日添加价格javascript/jquery无法正常工作

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。