データベースからレコードを取得できず、ajaxを通してビューにロードできませんでした。

Question

ここではレコードを取得して、Ajaxを使用して表示したいと考えています。ここで私はjsonデータを取得できませんでした。そして、もし私が得れば、どのような見方をするのが適切な方法でしょう。 これにより、テーブルからユーザー名とコメントを取得し、ajaxを使用してclickイベントのビューに表示したいとします。 好きなようにしたいFacebook、コメントが投稿されたときにコメントがページの読み込みなしで表示されます。

コントローラー：

public function get_comments() 
{ 

      $query=$this->db->query("SELECT user_name,comments FROM user_comments join user_reg where user_reg.user_id=user_comments.user_id"); 
      $temp = $query->result(); 
      foreach($temp as $row) 
      { 
       header('Content-Type: application/json'); 
       echo json_encode($row); 

      } 
      exit(); 

} 

ビュー：

<form action="" method="post" name="usercomments" id="usercomments"> 
      <div> 
       <textarea name="comment" form="usrform" placeholder="Enter comment here..." id="ucom"></textarea> 
       </br> 

       <div class="tab-group"> 
       <input type="submit" class="button button-block tab" id="submitbutton" value="Comment"/> 
       </div> 
      </div> 

     </form> 

    $(document).ready(function() 
    { 

     $("#submitbutton").click(function(event) 
     { 
      //alert('hiii'); 
      event.preventDefault(); 

      jQuery.ajax({ 
       type:"POST", 
       url:"<?php echo base_url();?>index.php/welcome/get_comments", 
       dataType:"json", 
       data:"", 
       success:function(data) 
       { 
        console.log(data); 
        alert(data); 
       } 


      }); 



     }); 

    }); 

Answer 1

あなたはループの外であなたの "エコーjson_encode" を入れてみてください。

配列を使用して行を保存し、この配列をjson_encodeにします。

Answer 2

これらの行に沿って何かお試しください。行をより読みやすいクライアントサイドオブジェクトに再構築し、ループの外でそれをエンコードします。また、そのようなヘッダーを設定する必要はありません。

$query=$this->db->query("SELECT user_name,comments FROM user_comments join user_reg where user_reg.user_id=user_comments.user_id"); 
$temp = $query->result(); 
$response = array(); 
foreach($temp as $row){ 
    $user = $row['user_name']; 
    $response[$user][] = $row['user_comments']; 
} 
echo json_encode($response);