Wikipedia APIサンドボックス、ユーザの入力による検索

ユーザの入力によってWikipediaで検索しようとしましたが、何らかの理由で動作しません。最初に私はそれがクロスドメインの問題に起因する可能性があると思った。しかし、.ajaxはそれを助けるべきです。ここでWikipedia APIサンドボックス、ユーザの入力による検索

がcodepenさ：http://codepen.io/ekilja01/pen/pRerpb

は、ここに私のHTMLれる：間違ってやっている何

$(document).ready(function() { 

    var icon = "<i class='fa fa-search fa-2x'></i>"; 

    $('#cursor').on("keydown", function() { 
    $(this).removeClass("blink_me"); 
    var searchIcon = $(".searchIcon"); 

    searchIcon.empty(); 
    if ($(".searchRequest").val().length > 0) { 
     searchIcon.append(icon); 
    } 






    searchIcon.on("click", function() { 
console.log("clicked!"); 


     var search = $(".searchRequest").val(); 

     var url = "https://en.wikipedia.org/w/api.php?action=opensearch&format=json&search=" + search + "&format=json&callback=?"; 

     $.ajax({ 
     dataType: "jsonp", 
     url: url, 
     success: function(data) { 
      $(".results").html(data[0]); 

      console.log(data[0]); 
      } 

     }); 
    }); 
    }); 
});

：

<script src="https://use.fontawesome.com/43f8201759.js"> 
</script> 


<body> 

    <h2 class="headertext">WIKIPEDIA <br> VIEWER </h2> 


    <div class="row"> 
    <div class="col-10-md"> 

     <input class="searchRequest blink_me" id="cursor" type="text" placeholder="__"></input> 

    </div> 

    <div class="searchIcon col-2-md"> </div> 
    </div> 

<div> 
    <p class=results></p> 
</div> 


</body>

ここでは私のjQueryのでしょうか？助けてください。

出典

2017-01-22 Alina Khachatrian

jsの読み込み順にエラーがあります。

dataオブジェクトはあなたがあなたの元のコードの修正バージョンを確認することができます

$(".results").html(data[2]);

に変更し、私はあなたが見せたいものですと仮定し、インデックス2の配列に結果のテキストが含まれていますここ

http://codepen.io/anon/pen/mRmGXG

出典

2017-01-22 21:55:40

そのビット間違って$（ "結果"）。HTML（[2]）が、私はそれを得ました。 –

保存ボタンを押すのを忘れましたが、今は大丈夫です。 –

10個の結果をすべて取得する方法を教えてください。ページに表示されていることが判明しましたか？それぞれのために使用する必要がありますか？ –

Wikipedia APIサンドボックス、ユーザの入力による検索

答えて

関連する問題