affichage de données de base de données en div avec AJAX, JQuery et CodeIgniter

Question

Je veux afficher les données de base de données dans un div en cliquant sur le bouton

mon contrôleur:

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

}

Mon modèle :

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

Vue:

 <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> 

quand je clique sur ce bouton, les données de base de données doivent être exposées dans id test. pourquoi les données ne sont pas calling.Anything erreur dans mon code

Answer 1

Essayez ce code:

$(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 Supprimer vous envoyez dans le paramètre de données. parce que vous envoyez aucune donnée

Answer 2

Cocher cette solution,

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); 
});