weixin_33695082 2016-04-15 05:57 采纳率: 0%
浏览 114

JavaScript-数组值空白

I have a unique challenge: While on URL1(random wikipedia page), make an ajax request to URL2(100 most common words wikipedia page), create array from returned data to be used later.

I have to run this from the console while on "URL1" example:

  1. Navigate to URL1
  2. Open Console
  3. paste code
  4. hit enter

So far I have been able to get very close with the following:

 $.ajax({
    url: 'https://en.wikipedia.org/wiki/Most_common_words_in_English',
    type: 'GET',
    dataType: 'html',
    success: function(data) { 
          Names = $.map($(data).find('.wikitable tr'), function() { 
return $(this).find('td:last').text()});
console.log(Names);
    }           
});        

But I'm getting blank values in my array.

While on URL2(link in the ajax request) the following code works perfect

var Names = $('.wikitable tr').map(function() { 
return $(this).find('td:last').text() }).get(); console.log(Names);

I was gettin errors using this exact code because of the .get, after removing it, I got an array with the proper amount of elements, but they were all blank.

Thanks

  • 写回答

3条回答 默认 最新

  • weixin_33736649 2016-04-15 06:08
    关注

    Your logic is right, you are just using the wrong functions. $.map and $().map are different function with different contexts and different arguments.

    Your problem should be solved if you use the correct map function. Change

    success: function(data) { 
        Names = $.map($(data).find('.wikitable tr'), function() { 
            return $(this).find('td:last').text();
        });
        console.log(Names);
    }
    

    to

    success: function(data) { 
        Names = $(data).find('.wikitable tr').map(function() { 
            return $(this).find('td:last').text();
        });
        console.log(Names);
    }
    

    In the second form of map, the this keyword is set to DOM element.

    I also noticed that would code is returning 105 texts instead of the 100 words in the table, as it is picking the table headers too. Another cool trick of .map is that if you return null, it will not include the value in the result. Therefore, you could something like

    Names = $(data).find('.wikitable tr').map(function() { 
        return $(this).find('td:last').text() || null;
    });
    

    as a blank string evaluates to false so the return will return null instead of ''. Or, you could just make your selector more specific, such as:

    Names = $(data).find('.wikitable tr td:odd').map(function() { 
        return $(this).text();
    });
    
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面