javascript - getJson之后如何携带数据

我在getJson之后存在将数据携带到变量数据中的问题..以下是我的代码

function format ( d ) {
  var id = d[1],$base = '<?php echo Routed::url('/api/course_fees_setup/getSponsorList?'); ?>';
   var rows = '';
    $.getJSON($base+'id=' + id,function(data){
        var index =0;
        var newOptions = data.data;
        var SponsorbyFee = newOptions.Sponsorship[0].SponsorbyFee;
        $.each(SponsorbyFee, function(value,key) {
          // console.log(key);
          switch(key['fee_type_id']){
            case '1' :
                  // console.log('program');
                  break;
            case '2' :
                  // console.log(key['OthersFee']);
                  rows[index] = '<tr><td>' + key['OthersFee']['payment_description'] + '</td><td>' + key['OthersFee']['price'] + '</td><td>' + key['OthersFee']['remarks'] + '</td><tr>';
                  index++;
                  break;
            case '3' :
                  // console.log(key['DiscountFee']);
                  rows[index] = '<tr><td>' + key['DiscountFee']['payment_description'] + '</td><td>' + key['DiscountFee']['price'] + '</td><td>' + key['DiscountFee']['remarks'] + '</td><tr>';
                  index++;
                  break;
          }
        });
    });
    return '<br /><br /><table id="sponsorlist-tbl" class="hover cell-border" width="100%">'+
                    '<thead>'+
                          '<tr>'+
                              '<th width="30%">Payment Description</th>'+
                              '<th width="10%">Price</th>'+
                              '<th width="30%">Remarks</th>'+
                          '</tr>'+
                    '</thead>'+
                    '<tbody>'+
                      rows +
                    '</tbody>'+
                '<table><br /><br /><br />';
}

我想在完成第16行的行循环后在第36行返回变量数据，但看起来它返回null。有人可以帮助我更正我的代码，因为我只是研究jquery中的生成表。任何帮助将不胜感激。谢谢你们

最佳答案

$.getJSON()是异步返回结果。您可以在html之后的data调用中返回$.getJSON()字符串和$.each()；使用.then()处理结果

function format ( d ) {
  var id = d[1],$base = '<?php echo Routed::url('/api/course_fees_setup/getSponsorList?'); ?>';
   var rows = '';
    return $.getJSON($base+'id=' + id)
    .then(function(data){
        var index =0;
        var newOptions = data.data;
        var SponsorbyFee = newOptions.Sponsorship[0].SponsorbyFee;
        $.each(SponsorbyFee, function(value,key) {
          // console.log(key);
          switch(key['fee_type_id']){
            case '1' :
                  // console.log('program');
                  break;
            case '2' :
                  // console.log(key['OthersFee']);
                  rows[index] = '<tr><td>' + key['OthersFee']['payment_description'] + '</td><td>' + key['OthersFee']['price'] + '</td><td>' + key['OthersFee']['remarks'] + '</td><tr>';
                  index++;
                  break;
            case '3' :
                  // console.log(key['DiscountFee']);
                  rows[index] = '<tr><td>' + key['DiscountFee']['payment_description'] + '</td><td>' + key['DiscountFee']['price'] + '</td><td>' + key['DiscountFee']['remarks'] + '</td><tr>';
                  index++;
                  break;
          }
        });
        return ['<br /><br /><table id="sponsorlist-tbl" class="hover cell-border" width="100%">'+
                    '<thead>'+
                          '<tr>'+
                              '<th width="30%">Payment Description</th>'+
                              '<th width="10%">Price</th>'+
                              '<th width="30%">Remarks</th>'+
                          '</tr>'+
                    '</thead>'+
                    '<tbody>'+
                      rows +
                    '</tbody>'+


         '<table><br /><br /><br />'
         , data];
    });

}

format(/* parameter */).then(function(results) {
  console.log(results)
})