javascript - 将.load html文件的内容存储在变量中

单击按钮后，我将tfoot附加到table。 tfoot的内容是对本地.html文件的.load的结果。尽管我的解决方案有效，但每次单击都将执行.html文件。初次点击的结果能否存储在变量中并重新使用？

$scope.btnClick = function() {

    var tfoot = $('#datepicker table').find('tfoot');
    if(!tfoot.length) {
        tfoot = $('<tfoot>').appendTo('#datepicker table');
    }

    tfoot.load('myDir/calendar/customFooter.html');

}

最佳答案

您可以通过在load()方法上使用回调来存储结果来实现。我为此使用您的$scope变量，但是您可以根据需要对此进行修改。尝试这个：

$scope.btnClick = function() {
    var tfoot = $('#datepicker table').find('tfoot');
    if (!tfoot.length) {
        tfoot = $('<tfoot>').appendTo('#datepicker table');
    }

    if ($scope.tfootContent) {
        tfoot.html($scope.tfootContent);
    } else {
        tfoot.load('myDir/calendar/customFooter.html', function(response) {
            $scope.tfootContent = response;
        });
    }
}

关于javascript - 将.load html文件的内容存储在变量中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38200821/