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

在我看来，如果您将图像和视频路径放在一起，就可以实现这一点。也许这个link可以帮助您实际实施。然而，该示例没有图像或视频，但使用普通的json数据和ajax。