通过ajax jquery从数据库输出数据

Question

当我单击每个按钮的 ID 时，如何从我的数据库中获取数据 我的控制器功能

public function ajax (){
   $resultdata = $this->Booking_model->roominfo();
   echo json_encode($resultdata);
}

这是我的按钮及其数据室 ID 和类

<button class="bkng bkn-room trans_200" data-room-id ="1">BOOK NOW</button>

这是我的模型

public function roominfo() {
  //if(isset($_POST["id"]))
  //{
        $sql = "Select name, price from rooms WHERE room_id = 'id'";
        $result =  $this->db->query($sql);
        return $result->result_array();
  //}

我的 ajax jquery 及其按钮类和数据室 ID

$(document).ready(function() {
        $(".bkng").on("click", function(event) {
              event.preventDefault(); 
            var id = $(this).data('room-id');
                console.log(id); 
                if(id != '') 
                {
                    $.ajax( {
                    type:"get",
                    url : "Pages/ajax",
                    data:{id:id}, 
                    success:function(data)
                    {
                        alert(data);
                        result = JSON.parse(data); 
                        $('#test1').append(result[0]['name']);
                        $("#test2").append(result[0]['price']);
                        $("#test3").append(result[0]['price']);
                        console.log(data); 
                    }
                });
            } 
            });
        }); 

它总是在控制台错误中说 Uncaught TypeError: Cannot read property 'name' of undefined

Answer 1

您收到此错误，因为您的查询没有返回任何内容，因为您可能没有id = 'id' 的房间。因此 JSON.parse 返回此错误。

所以首先你需要修复你的模型构建一个有效的查询，比如：

function roominfo() {
    $id=$_POST["id"];
    $query=$this->db->select('name, price')
                    ->where('room_id', $id)
                    ->get('rooms');
    return ($query->num_rows())? $query->result_array():false;  
}   

然后在您的 ajax 成功时，您可以检查返回的数据： console.dir(data) 而不是 alert 或 console.log 因为它们不会向您显示数组结构

您还应该检查是否没有返回数据 (false)：

  type: 'POST',
  success:function(data)
    {
        console.dir(data);
        if (data){
            result = JSON.parse(data); 
            $('#test1').append(result[0]['name']);
            $("#test2").append(result[0]['price']);
        }
        else
        {
            $('#test1').append('no records found']);
        } 
    }