Wie JSON aussehende Zeichenfolge an HTML-Pre-Tag anhängen?

Question

Ich habe einen Teil der Seite wie folgt aussehen:

Und hier ist, wie es aussehen sollte:

Jetzt auf ich Abrufen aller Daten aus der Datenbank, die ich zeigen müssen Seite.

$korisnickiId=$_POST['userId']; 
$q="SELECT `facebook_app_id`,`facebook_ids`,`authorization_date`,`status`,`date_added`,`users_added` FROM `previous_imports` WHERE `user_id`='$korisnickiId'"; 
$result=$mysqli->query($q); 
while($fetchedResult=$result->fetch_assoc()) { 
$encoded = $fetchedResult; 
$makeItApliable='{'; 
foreach($encoded as $key=>$value){ 
$makeItApliable.=' 
"'.$key.'" : "'.$value.'", 
'; 
} 
$makeItApliable.='},'; 
rtrim($makeItApliable, ","); 
echo ($makeItApliable); 
} 

So $makeItApliable nach diesem Stück Code sieht wie folgt aus: Und ich will es genau auf Seite so aussehen, also bin ich Echo $makeItApliable Variable und läuft diesen Teil jQuery Code (alles ist erfolgt über Ajax):

$.ajax({ 
     url: "../includes/adapter.php", 
     type: "POST", 
     dataType: "JSON", 
     data: data, 
     async: true, 
     success: function (data) { 
     if(data){ 
     console.log(data); 
     $('#goliSpan').html("<span>"+data+"</span>"); 
       } 
     } 
}); 

Und das ist HTML, wo diese Daten angehängt werden soll:

<pre id="istosakriti" class=""> 
HTTP 200 OK 
Allow: <span class="plavi-txt">GET, POST</span> 
Content-Type: <span class="plavi-txt">application/json</span> 
Vary: <span class="plavi-txt">Accept</span> 
     <span id="goliSpan" class="tamnocrveno"></span> 
</pre> 

Also in diesem Bereich, dessen ID ist goliSpan dieser JSON (oder JSON suchen Zeichenfolge) sollte angehängt werden. Aber wenn ich Code oben laufe passiert nichts. Auch versucht:

$('#goliSpan').append("<span>"+data+"</span>"); 

Und

$('#goliSpan').text(data); 

Aber nichts funktioniert. Wenn Sie eine Idee haben, bitte helfen Sie.

Answer 1

Verwendung json_encode$result zu kodieren und Content-Type gesetzt, aktualisieren Sie Ihre PHP-Code:

$korisnickiId=$_POST['userId']; 
$q="SELECT `facebook_app_id`,`facebook_ids`,`authorization_date`,`status`,`date_added`,`users_added` FROM `previous_imports` WHERE `user_id`='$korisnickiId'"; 
$result=$mysqli->query($q); 

header('Content-Type: application/json'); 
echo json_encode($result);