javascript - 为什么我在获取视频数据时收到错误 404？

Question

我正在尝试显示代码文件夹中 mp4 格式的视频。当我尝试通过单击按钮来获取视频时，它显示一个空白区域但不显示视频。 display of the output

我从控制台收到的错误:GET http://127.0.0.1:8080/myapi/myapi1/undefined 404(未找到)

下面是显示json数据的url:http://localhost:8080/myapi/myapi1/user/1

上面的链接显示:

{"videoName":"video.mp4"}

获取视频并使用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();
                });

Answer 1

因此，您要获取的数据采用 JSON 编码格式。所以你需要将它解析为一个 JS 对象。像这样:data = JSON.parse(data) 在你的 success 函数中。