Question

我的Ajax结果运行良好，但现在仍存在某些查询。我正在从youtube抓取具有YouTube videoID的数据。但是它什么也没显示。就像我的网址是http://localhost:8080/search/6uymnYvAUKM一样，它将显示未定义的结果，但是当我使用某些关键字进行搜索时，它的效果很好。基本上，我是从youtube抓取结果。它是一个youtube视频ID。当我搜索其他单词时，它会起作用。

function search_Q() {
    //alert("base url");
    var query_search = '{{Query}}';
    //alert(query_search);
    var q = query_search;//$("#q").val();
    alert(q);
    if (q) {
      $.ajax({

        url: "/api/search",
        data: { q: q },
        type: "GET",
        dataType: "json",
        beforeSend: function () {
          $("#loading_img").css('display', 'inline');
          $("#result").empty();
        },
        success: function (result1) {
          var event_data = '';
          var title;

          //alert(check);
          for (var i = 0; i <= 14; i++) {
            if (typeof result1[i]['video']['id'] != 'undefined') {
              event_data += '<div class="col-xs-6 col-sm-4 col-md-3">';
              event_data += '<div class="thumbnail">';
              event_data += '<a class="item-thumbnail" style="position: relative"  target="_blank" href='+base_url+'download/' + result1[i]['video']['title_url'] + '/' + result1[i]['video']['id'] + '>';
              event_data += '<img class="ythumbnail" ' + 'src=' + result1[i]['video']['thumbnail_src'] + '> </a>';
              event_data += '<div class="search-info">';
              event_data += '<a  target="_blank" href='+base_url +'download/' +result1[i]['video']['title_url'] + '/' + result1[i]['video']['id'] + '>' + result1[i]['video']['title'] + ' </a>';
              event_data += '<p> <a class="btn btn-success btn-xs" target="_blank"  href='+base_url +'download/' + result1[i]['video']['title_url'] + '/' + result1[i]['video']['id'] + '>';
              event_data += '<i class="glyphicon glyphicon-download-alt"></i>&nbsp; Download video</a> </p> <br> </div></div></div>';
            }
          }
          $("#loading_img").css('display', 'none');
          $("#result").append(event_data);


        },
        error: function (jqxhr, status, exception) {
          alert('Sorry Try Again.', exception);
        },
        always: function (xhr, status) {
          alert("The request is complete!");
        }
      });
    }
  }

我的路由器代码

router.get('/search/:query', function (req, res) {

  var q = req.params.query;


    res.render('index', {
      Query: q
    });


});

PS：如果大家能帮助我，我将非常感激。谢谢。

Answer 1

按搜索词搜索时，您会得到1到n个结果，但是，按视频ID搜索视频时，您总是会得到1或0个结果。成功回调中的for循环循环15次，因此，如果结果少于15个，则一旦处理返回的结果数并继续执行第一个未定义的结果，它将失败。

要解决此问题，请修改循环以使循环不会超过结果次数，或者更改循环中的条件以使它不会检查result1[i]['video']是否为result1[i]未定义。

如果您的目标是最多输出 15个结果，则只需修改条件循环，使其在15或result1.length处停止，以较小者为准。

for (var i = 0; i <= Math.min(14, result1.length-1); i++) {

Answer 2

该错误最有可能是因为您没有检查result1。替换行：

if (typeof result1[i]['video']['id'] != 'undefined') {

使用

if (result1 && result1[i] && result1[i]['video'] && typeof result1[i]['video']['id'] != 'undefined') {

Ajax：ajax成功的未定义值

2 个答案: