私はこれまでこれでjqueryのを使用してウィキペディアの検索ページのコードを作成した検索ページ

Question

ウィキペディア.....

<script> 
$("#search").on("click", function() { 
var searchTerm = $("#searchTerm").val(); 
    console.log(searchTerm); 
    var url = "https://en.wikipedia.org/w/api.php? 
    action=opensearch&search="+ searchTerm  
      + "&list=10&format=json&callback=?"; 
    $.ajax({ 
    url: url, 
    type: "Get", 
    async: false, 
    dataType: "json", 
    success: function(data, status, jqXHR) { 
     $("#search").html(data); 
     console.log(data); 
     for (var i = 0; i < data.data[9].length; i++) { 
     } 
    } 
    }) 
}) 
</script> 

......しかし

、時にデータを移入このような長い文字列を作るウェブサイトへ.....

帽子ハート、ハプスプット、初日市駅、牛に帽子、初音ミク、はるはる級駆逐艦..... DIVAアーケードA帽子はaです要素、儀式からの保護を含む様々な理由で着用されているヘッドカバー...プロジェクトDIVA-）はセガとクリプトンによって作成された一連のリズムゲーム将来のメディア私はおそらく検索するための10のURLのリストが必要です.... etcet

私はどのように私はreultsを表示する10個の別々のリンク検索できますか？私は助けに感謝します。おかげ

Answer 1

は、私は少しあなたのコードで演奏し、使用することが何かで来ている： `上

$("#go").on("click", function() { 
 
    $('#output').empty(); 
 
    var searchTerm = $("#searchTerm").val(); 
 
    var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + searchTerm + "&list=10&format=json&callback=?"; 
 
    $.ajax({ 
 
    url: url, 
 
    type: "Get", 
 
    async: false, 
 
    dataType: "json", 
 
    success: function(data) { 
 
     for (var i = 0; i < data[3].length; i++) { 
 
     $('#output').append($('<a>').attr('href', data[3][i]).text(data[1][i])).append("<br>").html(); 
 
     } 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="searchTerm"> 
 
<input type="submit" id="go" value="Wiki Me"> 
 
<div id="output"></div>