jQueryとJsonを使って画像を表示

Question

私は画像のHTMLソースを含むデータベースを持っています。 jQueryとJsonを使用する。私はイメージを表示したい。ここで私はそれのために書かれているスニペット、

$(document).ready(function() { 
     $("#domainID").click(function() { 
      var domain_id = $(this).val(); 
      $("#picture").html(''); 
      $.getJSON('/index.php/admin/show_picture/' + domain_id, function(data) { 
       img = "<img src=\"https://url/" + data.htmlImageFull + "\" />"; 
       var items = []; 
       $.each(data, function(key, val) { 
        $("#picture").append(data[key].htmlImageFull); 
       }); 
      }); 
     }); 
    }); 

主なものは、私はそれに関連付けられた画像のIDを使用してHTMLソースを取得しますです。私はここで何か変更する必要がありますか？私はまた、画像に関連付けられたIDをチェックするためにMySQLを使用しています。

ここでHTMLであり、

<form method="post" action="/index.php/add"> 
    <p> 
     <select name="id" id="id" size="15"> 
      <option>Select a Domain</option> 
      <? foreach ($unmatchedDomains as $row) { 
      ?> 
      <option value="<?=$row->id?>"><?=$row->domain 
       ?></option> 
      <? }?> 
     </select> 
     </td> 
     <select name="id" id="id"> 
      <option style="alignment-adjust: &#x2190;">Select Something</option> 
      <? foreach ($some as $row) { 
      ?> 
      <option value="<?=$row->id?>"><?=$row->name 
       ?></option> 
      <? }?> 
     </select> 
     <input type="submit" value="Something" /> 
     <div id="email_content"></div> 
     <div id="picture"></div> 
    </p> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    </table> 
</form> 

設けコードとテストには画像/像を示しません。

Answer 1

画像要素にimgタグを追加する必要があります。

$.each(data, function(key, val) { 
    $("#picture").append("<img src=\"https://url/" + data[key].htmlImageFull + "\" />"); 
});