I’m trying to display the video which is in mp4 format of the code’s folder. When i try to fetch the video by clicking on the button it shows an empty space but doesn’t display the video.display of the output
The error i’m receiving from the console: GET http://127.0.0.1:8080/myapi/myapi1/undefined 404 (Not Found)
Below is the url to display the json data: http://localhost:8080/myapi/myapi1/user/1
The link above displays:
{"videoName":"video.mp4"}
The code to fetch the video and display using ajax:
$('#room1').on('click',function (e){ $.ajax({ method: "GET", cache: false, dataType: "json", url: "http://localhost:8080/myapi/myapi1/user/1", success: function(data) { var student = ''; // ITERATING THROUGH OBJECTS $.each(data, function (key, value) { // DATA FROM JSON OBJECT student += '<video height="603"'; student += 'src="' + value.videoName + '" autoplay loop muted></video>'; }); $('#video').append(student); }, error:function(exception){alert('Exeption:'+exception);} }) e.preventDefault(); });
Advertisement
Answer
So, The data you are fetching is in JSON ENCODED FORMAT. so you need to parse it to a JS Object. like this: data = JSON.parse(data)
in your success
function.