2017-04-04 34 views
0

我有代碼的所有視頻的AJAX擺脫表顯示從JSON(ASP.NET MVC)

下面鏈接是代碼

<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,我需要顯示所有十個視頻,我需要如何重寫代碼?

+0

把它包在for循環中超過'data' – Andrei

+0

平穩這樣'爲(VAR I = 0;我 Eugene

回答

0

您的成功功能應該是這樣的。

發佈您的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); 
    } 
} 
+0

有一個問題,對於鏈路它得到'? undefined' – Eugene

+0

你能分享你的樣品Json數據嗎 – Sankar

+0

[{ID:3,Linkes:「130227898」},{ID:4,Linkes:「155137192」},{ID:5,Linkes:「171006755」},...] – Eugene