JsonとAjaxで画像とビデオのデータをロード

Question

このセクションにAjax/Jsonでデータを追加しようとしています。 1つはビデオであり、他の2つは画像である。私はjのクエリのWebサイトからこのようなものを試しましたが、そこにビデオや画像の例はありませんので、私はそれもポイブルであるか、いくつかのjsonファイルに2つの要求を送る必要があるとは言えません。助けてもらえますか？私の見解では

<section class="data"> 
    <div class="row slides"> 
     <div class="span-4"> 
      <video src="" alt=""> 
     </div> 
     <div class="span-4"> 
      <img src="" alt=""> 
     </div> 
     <div class="span-4"> 
      <img src="" alt=""> 
     </div> 
    </div> 
</section> 

$.getJSON("js/data.json", function(data) { 
    var items = []; 
    $.each(data, function(key, val) { 
     items.push("<li id='" + key + "'>" + val + "</li>"); 
    }); 

    $("<div>", { 
     class: "my-data", 
     html: items.join("") 
    }).appendTo(".data"); 
}); 

Answer 1

あなたはJSONで一緒に画像やビデオパスを持っている場合、これは実現することができます。たぶんこのlinkは、実際の実装であなたを助けることができます。しかし、この例ではイメージやビデオはありませんが、単純なjsonデータとajaxがあります。