如何将JSON查找字符串附加到HTML预标记？

Question

我的页面部分看起来像这样：

以下是它的外观：

现在我从数据库中检索我需要在页面上显示的所有数据。

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

这段代码之后的$makeItApliable如下所示： 我希望它在页面上看起来与此类似，因此我回显$makeItApliable变量并运行jQuery代码的这一部分（一切都通过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>");
               }
      }
 });

这是HTML，其中应附加此数据：

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

因此，在此范围为goliSpan的范围中，应附加此JSON（或JSON外观字符串）。但当我运行代码时，没有任何反应。甚至尝试过：

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

和

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

但没有任何作用。如果您有任何想法，请帮忙。

Answer 1

使用json_encode对$result进行编码并设置Content-Type，更新您的PHP代码：

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