php - Codeigniter- Ajax Codeigniter Ajax - 通过 ajax 返回多行

Question

我如何从数据库表中检索多行并通过 Controller 在 View 文件中访问它:)

我正在使用 AJAX 检索数据 我的 View 文件:

<script>
$(document).ready(function(){
$(".listproduct".click(function(){
    var value = $(this).text();
$.ajax({
        type:'POST',
        url:'<?=site_url("purchasecont/getproductlist"; ?>',
        data: {'data' : value} ,
        success:function(result){
         console.log(result);
         for(i=0;i<result['count'];i++){
            var table = $('#products'); 
    var tr = (
    '<tr>' +
    '<td>'+ result[i]['invoiceno']; +'</td>'+
    '<td>'+ result[i]['price']; +'</td>'+
    '</tr>'
     );
  $('#products').append(tr);

         }
    }

    });
 $(".collapse".collapse('toggle');

});
});
</script>

我的 Controller 文件:我将从表中检索不止一行

public function getproductlist(){
//check if is an ajax request
if($this->input->is_ajax_request()){
    //checks if the variable data exists on the posted data
    if($this->input->post('data')){


    $query = $this->purchasemodel->getproductlist($this->input>post('data'));
         $data['records'] = $query['records'];
        $data['count'] = $query['count']; 
          $this->output->set_content_type('application/json');
        $this->output->set_output(json_encode($data));
        return $data;
                }
    }
  }

我的模型文件:我将从表中检索不止一行

 public function getproductlist($q){
  $this->db->select('*');    
    $this->db->from('purchaseprolist');
   $this->db->where('purchaseprolist.invoice' , $q);
    $this->db->where('purchaseprolist.price != ',0,FALSE);
    $query = $this->db->get();
    $row = $query->result();
    return array(
'records' => $row,
'count' => count($row),
);

}

我的表格显示数据: 我不知道如何在这里显示它请帮助我

<table id="products">                                
    <tbody>
        <tr>
            <td>Invoice</td>
            <td>price</td>
            <td id="quantity"></td>
         </tr>
     </tbody>
</table>

Answer 1

如果您从数据库中检索的结果有多个元素，您需要在 View 中使用循环，以便用元素(例如 DataTable)填充 html。您的代码应如下所示:

$(document).ready(function(){
$(".listproduct".click(function(){
    var value = $(this).text();
    $.ajax({
        type:'POST',
        url:'<?=site_url("purchasecont/getproductlist"; ?>',
        data: {'data' : value} ,
        success:function(result){
             for(i=0;i<result.length;i++){//loop trough elements
               $('#myTable tr:last').after('<tr><td>' + $('#invoiceno').html(result[i]['invoiceno']); + '</td><td>' + $('#productname').text(result[i]['productname']); + '</td><td>' + $('#price').text(result[i]['price']); + '</td></tr>');
             }
        }
    });
 $(".collapse".collapse('toggle');

});
});