JavaScript ajaxリクエストからデータを保存する

Question

挑戦： URL1（ランダムウィキペディアのページ）の間に、URL2（最も一般的な単語100個のウィキペディアのページ）にajaxリクエストを行い、後で使用するために返されたデータのリストをフォーマットします。

"URL1" 例にしながら、私は、コンソールからこれを実行する必要があります。

1. 移動URL1
へ
2. オープンコンソール
3. ペーストコード

を入力ヒットこれまでのところ、URL1で次のようにHTMLソース全体を取得することができました：

$.ajax({ 
    url: 'https://en.wikipedia.org/wiki/Most_common_words_in_English', 
    type: 'GET', 
    dataType: 'html', 
    success: function (response) { 
     console.log(response); // works as expected (returns all html) 
    } 
}); 

私はコンソールに全体HTMLソースを見ることができます - 私は、私は私が行うことができたており、必要なものをつかんでフォーマットする方法を見つけ出すためにURL2に行ってきました：

var array = $.map($('.wikitable tr'),function(val,i){ 
     var obj = {}; 
     obj[$(val).find('td:first').text()] = $(val).find('td:last').text(); 
     return obj; 
    }); 
console.log(JSON.stringify(array)); 

さて、これは私の問題がどこにあるかである - 私はマップするHTMLは現在の文字列である、と私の配列は、現在のページのHTML要素を探していると、これが原因である推測2

$.ajax({ 
url:'https://en.wikipedia.org/wiki/Most_common_words_in_English', 
type:'GET', 
dataType:'html', 
success: function(data){ 
    // returns correct table data from URL2 while on URL2 -- issue while running from URL1 
    var array = $.map($('.wikitable tr'),function(val,i){ 
     var obj = {}; 
     obj[$(val).find('td:first').text()] = $(val).find('td:last').text(); 
     return obj; 
     }); 
console.log(JSON.stringify(array)); 
    }; 
}); 

イムを組み合わせていることをもちろん見つからないだろう。

ありがとうございました

Answer 1

ここに簡単な修正！あなたは正確に正しいです、それはあなたが返すHTMLを解析し、そのちょうどそれが$(data)を使用して、あなたが必要なものを見つけるためにそれを使用できるオブジェクトに変換するjQueryのを教えてくれていません。本質的には

、あなたの「文書は」今、あなたはすべてのクエリのソースとして使用します$(data)になります。スタックオーバーフローへ

は

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