在CodeIgniter中使用AJAX从数据库获取数据_Ajax_Codeigniter

在CodeIgniter中使用AJAX从数据库获取数据

ajax codeigniter

在CodeIgniter中使用AJAX从数据库获取数据,ajax,codeigniter,Ajax,Codeigniter,当我们从数据库获取json数组时，这段代码在codeigniter中不起作用。如何使用ajax从数据库中获取数据 <script type="text/javascript"> $(window).on("load",function(){ $.ajax({ type:'ajax', url:'<?php echo base_url('index.php/user_control/showdata/'); ?>',

当我们从数据库获取json数组时，这段代码在codeigniter中不起作用。如何使用ajax从数据库中获取数据

<script type="text/javascript">
 $(window).on("load",function(){
    $.ajax({
        type:'ajax',
        url:'<?php echo base_url('index.php/user_control/showdata/'); ?>', 
        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].uname+'</td>'+
                        '<td>'+data[i].email+'</td>'+
                        +'</tr>'; 
            }
            $(".showid").html(html); 
        },
        error:function(data)
        {
            alert('ajax error'); 
        }
    });
});


$（窗口）.on（“加载”，函数（）{
$.ajax({
类型：'ajax'，
url:“”，
async:false，
数据类型：'json'，
成功：功能（数据）
{
//控制台日志（数据）；
var html=''；
var i；
对于（i=0；i这是您所需要的全部
1.控制员：
class Ajax extends CI_Controller
{
    public function Users($id)
    {
        $this->load->model('User_mdel');
        echo json_encode($this->User_mdel->list());
    }
}

2.型号：
class User_mdel extends CI_Model
{
    public function list()
    {
        return $this->db->get('users')->result();
    }
}

3.视图
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

</head>
<body>

<div class="container">          
  <table class="table table-dark table-striped" id="myTable">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>

<script type="text/javascript">
    $(window).on("load", function () {
        $.get("<?php echo base_url('index.php/ajax/users/'); ?>", function (data) {

            var result = JSON.parse(data);

            $.each(result, function (i, item) {
                $('#myTable tbody').append('<tr><td>' + item.Firstname + '</td><td>' + item.Lastname + '</td></tr>');
            });
        });

    });
</script>
</body>
</html>


引导示例
名字
姓氏
$（窗口）。打开（“加载”，函数（）{
$.get（“），函数（数据）{
var result=JSON.parse（数据）；
$。每个（结果、功能（i、项目）{
$（“#myTable tbody”）.append（“”+item.Firstname+“”+item.Lastname+“”）；
});
});
});

最后
用post
替换type:'ajax'，
或get
像type:'post'，
并显示您的控制器。这应该是正确答案，谢谢你Bahman rapsody