фото не отображается после вызова php

Question

Я пытаюсь получить некоторые данные из базы данных с помощью php, затем я добавляю данные внутри массива json_encode для отправки в другой файл php, чтобы содержимое отображалось на сайте. В настоящее время я могу получить содержимое, содержащее текст, однако я не могу получить изображения. Например, вместо отображения изображения в Лондоне отображается текст London..jpg.

Вот мой PHP-файл, который выбирает данные для базы данных

  <?php 
require_once('conn.inc.php'); 
$stmt = $mysqli->prepare("SELECT CityName,CityID, CityPopulation,CitySkills,CityEmploymentRates,CityjsaClaimants ,Image ,CityWeeklyEarnings FROM citiesdata WHERE CityID = ? ORDER BY CityName"); 
$stmt->bind_param('i', $_GET['CityID']); 
$stmt->execute(); 
$stmt->bind_result($CityName, $CityID,$CityPopulation,$CitySkills,$CityEmploymentRates,$CityjsaClaimants,$Image,$CityWeeklyEarnings); 
$myArray = array(); 

while ($stmt->fetch()) { 
    $myArray[] = $CityName; 

    $myArray[] = $CityPopulation; 
    $myArray[] = $CitySkills; 
    $myArray[] = $CityEmploymentRates; 
    $myArray[] = $CityjsaClaimants; 
    $myArray[] = $Image; 
    $myArray[] = $CityWeeklyEarnings; 


} 
echo json_encode($myArray); 


?> 

А вот Javascript код, я использую, чтобы получить данные в свой веб-сайт, я Извлечение данных с помощью CityId для Например, если CityID равен 1, нажмите кнопку со значением 1, это будет соответствовать идентификатору CityID 1, который является Лондоном, и будут отображаться детали города, кроме изображения, так как у меня есть несколько изображений, которые я использовал json_encode. Я понятия не имею, где поставьте изображение src, поскольку я работаю с несколькими городами с несколькими изображениями. Все отображается на веб-сайте cityName, Cityskills и т. Д., Когда пользователь выбирает город с помощью переключателя, как я могу сделать так, чтобы, когда пользователь выбирает радиокнопку, изображения города будут отображаться вместе с названиями городов, умениями города и т. Д. ?

$(document).ready(function(){ 
$('input[name=CityID]').on('click', function(){ 
var sendVals = $(this).serialize(); 
     var returnData = ""; 
     $("#displayResults").html('<li>Please Wait!</li>'); 
     $.get("phpCalling.php", sendVals, function(myData){ 

      $.each(myData, function(key, value) { 

       returnData += "<p>" 
       returnData += value; 
       returnData += "</p>"; 
      }) 
      $("#displayResults").html(returnData); 

     }, "json"); 

    }); 

}); 

Answer 1

изменить ваш следующий код

while ($stmt->fetch()) { 
$myArray[] = $CityName; 

$myArray[] = $CityPopulation; 
$myArray[] = $CitySkills; 
$myArray[] = $CityEmploymentRates; 
$myArray[] = $CityjsaClaimants; 
$myArray[] = $Image; 
$myArray[] = $CityWeeklyEarnings; 


} 

в

while ($stmt->fetch()) { 
$myArray[] = $CityName; 

$myArray[] = $CityPopulation; 
$myArray[] = $CitySkills; 
$myArray[] = $CityEmploymentRates; 
$myArray[] = $CityjsaClaimants; 
$myArray[] = '<img src="'.$Image.'"/>'; 
$myArray[] = $CityWeeklyEarnings; 

}