2017-06-13 1 views
0

Ma vueCodeigniter affichage de résultat de la requête

<?php echo $calendar; ?> 
<div id="event_area"></div> 
<script type="text/javascript"> 
$(document).ready(function(){  

    $('.calendar .day').click(function(){ 

     var day_data= $(this).find('.content').html(); 

     if($(this).find('.content').html()!=null){ 

     $.ajax({ 
      url: "<?php echo base_url('calendar/pass_name')?>/", 
      method:"POST", 
      data:{'day_data':day_data}, 
      success:function(data){ 


       $('#event_area').html(data); 


      } 


     }) 

Mon contrôleur:

function pass_name(){ 

    $name=$this->input->post('day_data'); 

    $result=$this->load->model('calendar_model')->get_description($name); 
    $data['calendar'] = $result; 

    echo json_encode($data); 

} 

Mon modèle:

function get_description($name){ 
    $query = $this->db 
    ->select('description') 
    ->from('calendar') 
    ->where('name',$name) 
    ->get(); 

    return $query->result(); 

} 

Ceci est un exemple du résultat que je reçois à mon avis. {"calendar": [{"description": "description du test \ r \ nwww.google.com </a>"}]} Comment puis-je l'améliorer, par exemple en affichant "description du test" sans le personnages?

Merci d'avance.

+0

Utilisez parseJSON dans votre script jquery et cela fonctionnera ... si vous voulez que je vous explique plus .. Join to the chat http://chat.stackoverflow.com/rooms/146504/codeigniter –

Répondre

0

Vous devez ajouter dataType:'json' votre code ajax:

$.ajax({ 
     url: "<?php echo base_url('calendar/pass_name')?>/", 
     method:"POST", 
     dataType:'json', 
     data:{'day_data':day_data}, 
     success: function(data){ 
      $('#event_area').html(data); 
     } 
}); 
1

Dans votre fonction ajax succès remplacer le code comme suivre

success:function(data){ 
    var obj = $.parseJSON(data); 
    var content = ''; 
    $.each(obj.calendar, function(i,v){ 
     content+= '<p>'+v.description+'</p>'; //--> here you can add any tag, class 
    }); 
    $("#event_area").html(content); 
} 

Hope this code peut résoudre votre problème. Si vous avez besoin de plus de clarification, je suis heureux de vous aider.