javascript - 将 JavaScript 函数输出变量作为字符串以在另一个函数中使用

Question

以下 JavaScript 函数输出数据计划，第一个函数 myDataPlan 在第二个函数 dataPlanOutput 中调用。

function myDataPlan(networkGroupId, countryCode) {
    data_url = apiURL + '/api/v4/networkGroups/' + networkGroupId + '/plansExt?countryCode=' + countryCode;
    jQuery.getJSON(data_url, function (dataPlan) {
        jQuery.each(dataPlan.list, function (i, list) {
            var currencySymbol = getCurrencySymbol(list.currency); 
            //Price
            var content = '<tr>';
            content += '<td>' + currencySymbol + list.price + '</td>';
            //Data Limits
            content += '<td>' + getDataLimit(list) + '</td>';
            //Data Length
            content += '<td>' + list.validityPeriodInDays + '&nbsp;Days</td>';
            content += '</tr>';
            jQuery(content).appendTo("#dataplan_list");
        });
    });
}

function dataPlanOutput(countryCode) {
    document.getElementById("dataplan_list").innerHTML = "";
    network_url = apiURL + '/api/v4/countries/' + countryCode;
    jQuery.getJSON(network_url, function (networkGroup) {
        jQuery.each(networkGroup.list, function (i, list) {
            var countryName = list.region;
            var networkGroupId = list.networkGroupId;
            myDataPlan(networkGroupId, countryCode);
            document.getElementById('dataplan_list').innerHTML += '<tr><td colspan="3" class="title-h4">' + countryName + '</td></tr>';
        });
    });
}

目前，我已将 myDataPlan 打印到函数内的 #dataplan_list 的 div 中。我希望它做的是，当调用该函数时，它会创建一个变量(我们称之为 printDataPlan )，该变量被添加到 dataPlanOutput 的最后一行，以便它看起来像这样:

document.getElementById('dataplan_list').innerHTML += '<tr><td colspan="3" class="title-h4">' + countryName + '</td></tr>' + printDataPlan;

Answer 1

您可以只返回 myDataPlan 中的值吗？然后在 dataPlanOutput 中的 .innerHTML += 末尾执行它？

function myDataPlan(networkGroupId, countryCode) {
data_url = apiURL + '/api/v4/networkGroups/' + networkGroupId + '/plansExt?countryCode=' + countryCode;
jQuery.getJSON(data_url, function (dataPlan) {
    jQuery.each(dataPlan.list, function (i, list) {
        var currencySymbol = getCurrencySymbol(list.currency); 
        //Price
        var content = '<tr>';
        content += '<td>' + currencySymbol + list.price + '</td>';
        //Data Limits
        content += '<td>' + getDataLimit(list) + '</td>';
        //Data Length
        content += '<td>' + list.validityPeriodInDays + '&nbsp;Days</td>';
        content += '</tr>';
        return content;
    });
});
}

function dataPlanOutput(countryCode) {
document.getElementById("dataplan_list").innerHTML = "";
network_url = apiURL + '/api/v4/countries/' + countryCode;
jQuery.getJSON(network_url, function (networkGroup) {
    jQuery.each(networkGroup.list, function (i, list) {
        var countryName = list.region;
        var networkGroupId = list.networkGroupId;
        myDataPlan(networkGroupId, countryCode);
        document.getElementById('dataplan_list').innerHTML += '<tr><td colspan="3" class="title-h4">' + countryName + '</td></tr>' + myDataPlan('var1','var2');
    });
});
}