Question

我有一个使用AJAX检索数据的报告。变量是日期。使用单个日期时，ajax运行良好并显示预期输出。但是，当使用两个日期（日期范围）时，ajax不会附加我的输出。

我的AJAX单日期：

$("#tbl_list_brg tbody").on('click','.btn_report', function() { 

    $('.loading').show();       
    var var_tgl  = 'tgl='+tgl;

    $.ajax({
            type     : "POST",
            url      : "<?php echo site_url('con_atk/xxx'); ?>",
            async    : true,
            cache    : false,
            dataType : "json",
            data     : var_tgl,
            success  : function(data)
            {
                var tableData,t1,t2,t3,t4;

                var last    ="";
                var no      = 1;                    

                $.each(data.result_minta_by_date, function(index, rows_minta) {

                    if(last != rows_minta.NamaOutlet){ 
                        t1  = "<td rowspan='"+rows_minta.j_item+"' style='text-align:right; vertical-align:middle'>"+ no++ +"</td>";
                        t2  = "<td rowspan='"+rows_minta.j_item+"' style='text-align:left;  vertical-align:middle'><strong>";
                        t2 += (last == rows_minta.NamaOutlet ? "" : rows_minta.NamaOutlet)+"</strong></td>"; 
                    }
                    else{   t1  = ""; t2 = ""; }

                    t3  =     "<td class='barang' style='text-align:left; vertical-align:middle'>"+ rows_minta.NamaBarang +"</td>";

                    if(last != rows_minta.NamaOutlet){                          
                        t4   = "<td rowspan='"+rows_minta.j_item+"' style='text-align:center; vertical-align:middle'>";
                        t4  += rows_minta.tanggal_permintaan +"</td>";                      
                    }
                    else{   t4  = ""; }                     

                    tableData += "<tr>"+t1+t2+t3+t4+"</tr>";

                    $('#tbl_content tbody tr').remove();                        
                    $('#tbl_content tbody').append(tableData);                      
                    last = rows_minta.NamaOutlet;
                });                 
            },
            complete: function() {
                $('.loading').hide();
                $('#myModal').modal('show');
            }
    });
});

我的AJAX有两个日期（日期范围）：

$("#tbl_list_brg tbody").on('click','.btn_report', function() { 

    $('.loading').show();       
    var var_range_tanggal   = "t1="+ tgl_dri +"&t2="+ tgl_smp;

    $.ajax({
            type     : "POST",
            url      : "<?php echo site_url('con_atk/xxx'); ?>",
            async    : true,
            cache    : false,
            dataType : "json",
            data     : var_range_tanggal,
            success  : function(data)
            {
                var tableData,t1,t2,t3,t4;

                var last    ="";
                var no      = 1;                    

                $.each(data.result_minta_by_date, function(index, rows_minta) {

                    if(last != rows_minta.NamaOutlet){ 
                        t1  = "<td rowspan='"+rows_minta.j_item+"' style='text-align:right; vertical-align:middle'>"+ no++ +"</td>";
                        t2  = "<td rowspan='"+rows_minta.j_item+"' style='text-align:left;  vertical-align:middle'><strong>";
                        t2 += (last == rows_minta.NamaOutlet ? "" : rows_minta.NamaOutlet)+"</strong></td>"; 
                    }
                    else{   t1  = ""; t2 = ""; }

                    t3  =     "<td class='barang' style='text-align:left; vertical-align:middle'>"+ rows_minta.NamaBarang +"</td>";

                    if(last != rows_minta.NamaOutlet){                          
                        t4   = "<td rowspan='"+rows_minta.j_item+"' style='text-align:center; vertical-align:middle'>";
                        t4  += rows_minta.tanggal_permintaan +"</td>";                      
                    }
                    else{   t4  = ""; }                     

                    tableData += "<tr>"+t1+t2+t3+t4+"</tr>";

                    $('#tbl_content tbody tr').remove();                        
                    $('#tbl_content tbody').append(tableData);                      
                    last = rows_minta.NamaOutlet;
                });                 
            },
            complete: function() {
                $('.loading').hide();
                $('#myModal').modal('show');
            }
    });
});

注意：

当我在两个AJAX中提醒数据时，数据都存在。
第二个AJAX错误是加载持续旋转而不显示模态
在第二个AJAX中，如果我删除了.loading模态未显示

修改

我的控制器：

//REPORT PER PERMINTAAN
public function get_report_permintaan()
{      
    $tgl_minta  = $this->input->post('tgl');

    $t1         = $this->input->post('t1');
    $t2         = $this->input->post('t2');

    $data['response']   = 'false';  
    $q_barang           = $this->model_atk->get_report_per_minta_brg($tgl_minta,$t1,$t2);

    $data = array ('result_minta_by_date' => $q_barang);
    echo json_encode($data);
}

Answer 1

您似乎在该POST数据中使用JSON，尝试使用https://api.jquery.com/serializeArray/来序列化

为什么我的AJAX在使用两个变量时不会附加结果？

1 个答案: