使用Json和Ajax加载图像和视频数据

Question

我正在尝试使用Ajax/Json将数据添加到此部分。一个是视频，另外两个是图像。我从j个查询网站上尝试了这样的东西，但是没有视频和图片的例子，所以我不能说即使是可能的，或者我需要发送两个请求到某个json文件。有人能帮帮忙吗？

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