如何显示我的桌子? - javascript

这是我的index.php视图,放置了我的表

<table class="striped">
              <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Address</th>
                    <th>Created at</th>
                </tr>
              </thead>

              <tbody id="showdata">
                <!--<tr>
                  <td>1</td>
                  <td>Alvin</td>
                  <td>Eclair</td>
                  <td>$0.87</td>
                  <td>
                    <a href="javascript:;" class="waves-effect waves-light btn">Edit</a>
                    <a href="javascript:;" class="waves-effect waves-light btn">Delete</a>
                  </td>
                </tr>-->
              </tbody>
</table>

这是我的ajax脚本,放在index.php上

function showAllEmployee() {
      $.ajax({
        type: 'ajax',
        url: '<?php echo base_url(); ?>index.php/Employee/showAllEmployee',
        async: false,
        dataType: 'json',
        success: function(data) {
          //console.log(data);
          var html = '';
          var i;
          for (i=0; i<data.length; i++) {
            html += '<tr>'+
                  '<td>'+data[i].emp_id+'</td>'+
                  '<td>'+data[i].name+'</td>'+
                  '<td>'+data[i].address+'</td>'+
                  '<td>'+data[i].created_at+'</td>'+
                  '<td>'+
                    '<a href="javascript:;" class="waves-effect waves-light btn" style="margin-right: 10px;" data="'+data[i].emp_id+'">Edit</a>'+
                    '<a href="javascript:;" class="waves-effect waves-light btn" data="'+data[i].emp_id+'">Delete</a>'+
                  '</td>'+
                '</tr>';
          }
          $('#showdata').html(html);
        },
        error: function() {
          alert('Could not get data from database');
        }

      });
    }

这就是我的员工控制器上的内容

public function showAllEmployee()
    {
        $result = $this->em->showAllEmployee();
        echo json_encode($result);
    }

这是我的模特

public function showAllEmployee()
    {
        $this->db->order_by('created_at', 'desc');
        $query = $this->db->get('tbl_employees');
        if($query->num_rows() > 0) {
            return $query->result();
        } else {
            return false;
        }
    }

每当我刷新页面时,数据都不会显示,而是遇到错误,无法从数据库获取数据,这是我在ajax脚本中设置的条件,请问可能是错误的

参考方案

在控制器中将标头设置为JSON类型
将您的控制器更改为

public function showAllEmployee(){
    $result = $this->em->showAllEmployee();
    $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));
}

使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

保留文本区域的数据或值,然后选择输入 - javascript

通过$ _POST提交表单时,输入文件值仍然保留。像这样: if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…

带有AJAX和DOM处理API的下拉菜单 - javascript

我从API获取数据,但未在我的下拉菜单中显示。如果我用?act=showprovince回显,结果就在那里。example.html<head> <link rel="stylesheet" type="text/css" href="css/normalize.css"> …

尽管刷新,jQuery格式仍未应用于Ajax数据 - javascript

我正在通过GET响应消息从服务器(php文件)的可折叠内部加载列表视图。但是,尽管刷新了jQuery元素,但jQuery格式并未应用于添加的HTML。我的页面在这里:http://i.cs.hku.hk/~hsbashir/Project_Work/events/events.htmlHTML代码(仅相关代码)<script> lastRecor…