显示来自 JSON (ASP.NET MVC) 的所有视频

Question

我有 AJAX 代码从表中获取链接

这里是代码

 <script>
  $('#display').click(function() {
    var vacancyId = $("#vacancy").val();
    var model = {
      vacancyId: vacancyId
    };

    $.ajax({
      url: '@Url.Action("Links", "Questions")',
      contentType: 'application/json; charset=utf-8',
      data: JSON.stringify(model),
      type: 'POST',
      dataType: 'json',
      processData: false,
      success: function(data) {
        var question2 = data[0];
        var videoHTML = '<video width="320" height="240" style="margin-left: 130px;margin-top: 20px;" controls>';
        videoHTML += '<source src="' + document.location.origin + "/uploads/" + question2.Linkes + ".webm" + '" type="video/webm">';
        videoHTML += '</video>';
        $(".videolist").append(videoHTML);
      }
    });
  });
</script>

现在我只显示数组中的第一个视频，但是可能有10个左右，我需要显示所有十个视频，我需要如何重写代码？

Answer 1

你的成功函数应该是这样的。

发布您的 Json 示例数据以获得准确的解决方案。

success: function(data) {
  var question2 = data;
  for (var i = 0; i <= question2.length-1; i++) {
    var videoHTML = '<video width="320" height="240" style="margin-left: 130px;margin-top: 20px;" controls>';
    videoHTML += '<source src="' + document.location.origin + "/uploads/" + question2[i].Linkes + ".webm" + '" type="video/webm">';
    videoHTML += '</video>';
    $(".videolist").append(videoHTML);
  }
}