如何从MySQL获取数据并在Modal中查看

Question

我试图通过单击链接时显示Modal来显示名为tid和ketprob的表列中的一些记录。 模态和查询看起来很好（通过回显last_query进行检查），但是模态没有显示数据...请帮助我:(

JS代码：

$('#showdata').on('click', '.item-info', function(){
  var tid = $(this).attr('data');

  $.ajax({
    type: 'ajax',
    method: 'get',
    url: '<?php echo base_url() ?>repeatproblem/infoReprob',
    data: {tid:tid},
    async: false,
    dataType: 'json',
    success: function(data){
      var html = '';
      var i;
      for(i=0; i<data.length; i++){
        html +='<p>'+data[i].tid+'</p>'+
        '<p>'+data[i].ketprob+'</p>';
      }
      $('#infoModal').modal('show');
      $('#view_errorcode').html(html);
    },
    error: function(){
      alert('Gagal Info Kode Error!');
    }
  });
});

我的控制器：

public function infoReprob(){ 
    $result = $this->m->infoReprob(); 
    echo json_encode($result); 
}

我的模特：

public function infoReprob(){
    $tid = $this->input->get('tid');
    $this->db->select('tid, ketprob')->where('tid', $tid);
    $query = $this->db->get('histprob');
    if($query->num_rows() > 0){
        return $query->row();
    }else{
        return false;
    }
 }

Answer 1

您正在使用return $query->row(); 如果满足此条件，则模型中的语法为： $query->num_rows() > 0 ，这意味着模型将返回查询第一行的对象表示，并且下面的控制器中的$result变量将为对象具有两个属性： tid和ketprob

public function infoReprob(){ 
    $result = $this->m->infoReprob(); 
    echo json_encode($result);
}

现在看看您的ajax调用成功回调函数

success: function(data){
    var html = '';
    var i;
    for(i=0; i<data.length; i++){
        html +='<p>'+data[i].tid+'</p>'+
        '<p>'+data[i].ketprob+'</p>';
    }
    $('#infoModal').modal('show');
    $('#view_errorcode').html(html);
}

由于上面的控制器使用echo json_encode($result); 语法，您的ajax调用将返回$result变量的json表示，并且您上面的成功回调函数中的data变量将如下所示

{ "tid": "1", "ketprob": "abc" }

问题是，由于data不是数组，因此ajax成功回调函数中的data.length将是不确定的，因此不会执行for循环，并且html将为空字符串，请参阅此jsfiddle 。 这就是为什么您的模态不显示数据的原因。

要解决此问题，建议您如下更改模型代码

public function infoReprob(){
    $tid = $this->input->get('tid');
    $this->db->select('tid, ketprob')->where('tid', $tid);
    $query = $this->db->get('histprob');
    return $query->result();
}

通过使用return $query->result(); 语法，您的模型将始终返回对象数组。 结果，您的ajax调用将返回这样的json

[ { "tid": "1", "ketprob": "abc" } ]

这是一个json数组，因此不会在ajax成功回调函数中定义data.length ，而您的模式将显示数据。 看到这个jsfiddle ，您将看到html变量不为空。

Answer 2

我猜你应该使用echo $query->row(); 而不是return $query->row(); 。

Answer 3

通过更改return $ query-> row（）;来解决 返回$ query-> result（）;

要了解这一点。 或任何人都可以告诉不同。.谢谢

public function infoReprob(){
    $tid = $this->input->get('tid');
    $this->db->select('tid, ketprob')->where('tid', $tid);
    $query = $this->db->get('histprob');
    if($query->num_rows() > 0){
        return $query->result();
    }else{
        return false;
    }
 }