私のjson_encode（$ .each）のデータを表示できません

Question

みなさんこんにちは。ありがとうございました。 私の問題は、私のPHPデータベースからjson_encodeを表示することはできませんが、私のクロムにはデータが表示されます。 $.eachがないdispalyすべて一つだけ今

enter image description here

PHPのコード：

comment.php

$data = $_REQUEST; 
$photo_id =38;//$data['photo_id_comment']; 
$con = mysqli_connect('localhost','root','','gallery'); 

$sql = "SELECT * FROM comments"; 
$sql .= " WHERE photo_id = " . $database->escape_string($photo_id); 
$sql .= " ORDER BY photo_id ASC"; 

$result = mysqli_query($con,$sql); 

$arr = array(); 
$row_count = mysqli_num_rows($result); 

while ($row = mysqli_fetch_array($result)) { 
    array_push($arr , $row); 
} 


mysqli_close($con); 
echo json_encode($arr); 

し、データを取得するために、AJAXは次のとおりです。script.js

function refreshComment() { 

requestData = $("#photo_id_comment").serialize(); 
$.ajax({ 
    url: "http://localhost/udemy/app_php/includes/comment.php", 
    type: "get", 
    data: requestData, 
    dataType: "text", 
    success : function (data) { 
     jQuery.each(data, function(index, item) { 
      //now you can access properties using dot notation 
      $('#chat_box').val($('#chat_box').val() + item.body + '\n'); 
      /* $('#author_comment').html(item.author); 
      $('#chat_box').html(item.body);*/ 
     }); 
    }, 
    error: function (http, status, error) { 
     alert('Some error occurred :'+error); 
    } 
}); 

    return false; 
} 

setInterval(refreshComment , 5000); 

データが表示されないhtmlは、photo.phpです。

<div class="media"> 
       <a class="pull-left" href="#"> 
        <img class="media-object" src="http://placehold.it/64x64" alt=""> 

       </a> 
       <div class="media-body"> 
        <h4 id="author_comment" class="media-heading"></h4> 
        <p id="chat_box"></p> 
        <p class="text-info">This is post at: </p> 
       </div> 
      </div> 

Answer 1

変化dataType:text

dataType:JSONにEDIT

使用この代わり$.each

for(var i = 0;i < data.length ; i++) 
{ 
/*access data as data[i].orfeas*/ 
} 

のPHP

$array = array(); 
    $i = 0;` 

foreach($res as $r){ 
    $array[$i] = $r; 
    $i++; 
} 

header('Content-Type:Application/json'); 
echo json_encode($array); 

EDIT2

使用ヘッダー応答タイプを識別するために、次にjQueryのJSONをパースし、あなたが言及した

Answer 2

上記のループを使用してそれにアクセスすることができますjQueryのを助けるために

、これを試してみてください

と変更

$sql = "SELECT * FROM comments WHERE photo_id = " . $database->escape_string($photo_id) ORDER BY photo_id ASC"; 
$result = mysqli_query($con,$sql); 
$arr = array(); 
while ($row = mysqli_fetch_array($result)){ 
    $arr[] = $row; 
} 
echo json_encode($arr); 

、s内の

dataType:'json' instead of dataType:'text' 

cript。あなたのscript.jsで

Answer 3

はAJAXの成功関数に変更を加えたファイル： -

success : function (data) { 
    $.each($.parseJSON(data), function(key,item){ 
      $('#chat_box').val($('#chat_box').val() + item.body + '\n'); 
     }); 
    }