Question

我想在点击按钮

时在一个div中显示数据库中的数据

我的控制员：

        function search_course()
          {
        $this->load->view('pages/doctor-search');
        $this->load->model('DoctorSearch');
        $result=$this->DoctorSearch->search_course();
        echo json_encode($result);

}

我的模特：

       function search_course()
{
    $query=$this->db->query("SELECT userRef FROM users");
    echo $this->db->last_query();//die('jdshf');
    return $query->result();
 }

查看：

      <script>
     $(document).ready(function(){
     $("button").click(function(){
        alert("hello");
        $.ajax({

            type:"POST",
            url: "http://localhost/website/Controller/search_course",
            dataType:"json",
            data:req,
            success:
            function(data)
            {


               var responseData = $.parseJSON(data);
               var str='';
                str+='<ul>';
                $(function() {
                    $.each(responseData, function(i, item) {
                         str+='<li>'+item.userRef+'</li>';
                         alert("fdfg");
                    });
                })
                str+='</ul>';
                $('#test').html(str);
            }
        });
    });
});
</script>

 <button> click me </button>
  <div id="test"> </div>

当我点击此按钮时，数据库中的数据应显示在测试ID中。为什么数据没有调用。我的代码中有任何错误

Answer 1

试试这段代码：

$(document).ready(function(){
    $("button").click(function(){
        alert("hello");
        $.ajax({
            type:"POST",
            url: "http://localhost/website/Controller/search_course",
            dataType:"json",
            data:'',
            success:
            function(data)
            {
               var responseData = $.parseJSON(data);
               var str='';
                str+='<ul>';
                $.each(responseData, function(key, value) {
                    str+='<li>'+value.userRef+'</li>';
                    alert("fdfg");
                });
                str+='</ul>';
                $('#test').html(str);
            }
        });
    });
});

删除您要发送数据参数的req。因为你没有发送数据

Answer 2

检查此解决方案，

var url = "http://localhost/website/Controller/search_course";
 $.get(url, function (data, status) {
       var responseData = $.parseJSON(data);
       var str='<ul>';
       $.each(responseData, function(i, item) {
            str+='<li>'+item.userRef+'</li>';
       });
       str+='</ul>';
       $('#test').html(str);
 });

使用AJAX，jquery和codeigniter从div中的数据库显示数据

2 个答案: