javascript - 如何在客户端检查 YouTube 上是否存在视频

Question

我在做validation for my Youtube url text field .

我需要检查，如果 Youtube url 不存在我应该抛出错误，我遵循了这个 answer并创建了 jsfiddle检查它。

它适用于有效的 url，但不适用于无效的 url。我在 network console

中看到的只是 404 错误

有没有办法使用 JavaScript 和 jQuery 检查客户端是否存在 url。

这是我的代码:

var videoID = 'kn8yzJITdvI';//not working 
//var videoID = 'p4kIwWHP8Vc';//working 
$.ajax({
    url: "https://gdata.youtube.com/feeds/api/videos/" + videoID + "?v=2&alt=json",
    dataType: "jsonp",
    success: function(data) {
        console.log(data)
          $("#result").text(data);
    },
    error: function(jqXHR, textStatus, errorThrown)
                    {
                        // Handle errors here
                        alert('ERRORS: ' + textStatus);

                    }
});

JSfiddle Link

Answer 1

@hitesh，请从 ajax 请求中删除数据类型:'jsonp'。这样，如果视频 ID 可用，您将获得 json 字符串，如果视频 ID 不可用，则会调用 ajax 错误回调。我试过你的 fiddle 和它的工作原理。像这样尝试-

//var videoID = 'kn8yzJITdvI';//not working 
var videoID = 'p4kIwWHP8Vc';//working 
$.ajax({
    url: "https://gdata.youtube.com/feeds/api/videos/" + videoID + "?v=2&alt=json",
    //dataType: "jsonp",
    success: function(data) {
        console.log(data)
          $("#result").text(data);
    },
    error: function(jqXHR, textStatus, errorThrown)
                    {
                        // Handle errors here
                        alert('ERRORS: ' + textStatus);
                    }
});

这是您需要的解决方案的另一个简短实现-

//var videoID = 'kn8yzJITdvI';//not working 
var videoID = 'p4kIwWHP8Vc';//working 

$.getJSON('http://gdata.youtube.com/feeds/api/videos/'+videoID+'?v=2&alt=jsonc',function(data,status,xhr){
    alert(data.data.title);
}).error(function() { alert("error"); });