Mit der Wikipedia-API zum abrufen der Ergebnisse von search-Abfrage

Ich bin versucht, Wikipedia-API, um eine Suchabfrage, dann fügen Sie diese Ergebnisse zu meiner Seite. Dies ist, was ich habe, so weit : 

 "use strict";
$(document).ready(function(){

function searchWikipedia(searchCriteria){
    $.getJSON('https://en.wikipedia.org/w/api.php?action=query&format=json&limit=15&callback=?&titles=' + searchCriteria, processResult);

}


$('#btn').click(function searchCriteria() {
    var searchCriteria = $("input[name=Wikipedia]").val();
    searchWikipedia(searchCriteria);

})

function processResult(apiResult){

  if (apiResult.query.pages[-1]){
       console.log("No results");
    } else {
       for (var i = 0; i < apiResult.length; i++){
             $('#display-result').append('<p>'+apiResult+'</p>');
       }
   }

}
});

Bisher nichts an meinem html-und es gibt keine Fehler in meiner Konsole.

URL https://en.wikipedia.org/w/api.php?action... ungültige JSON-Zeichenfolge, die beginnen mit /**/. Und gibt es eine Fehlermeldung: Unrecognized parameter: limit
nach dem entfernen der parameter 'limit' gibt es noch keine Ergebnisse
Siehe meine Antwort mit kleinen Beispiel-code (unified mit Ihr onclick-event)

InformationsquelleAutor victoria | 2016-05-02

  1. 6

    @Ali Mamedov s Antwort ist der Weg zu gehen (aus Wikipedia)
    Aber der wikipedia-link fehlt der http:. Auch können Sie die Reaktion auf Ihre Funktion:

       $(document).ready(function(){
        $('#btn').click(function() {
            $.ajax({
                url: 'http://en.wikipedia.org/w/api.php',
                data: { action: 'query', list: 'search', srsearch: $("input[name=Wikipedia]").val(), format: 'json' },
                dataType: 'jsonp',
                success: processResult
            });
        });
    }); 

  function processResult(apiResult){
     for (var i = 0; i < apiResult.query.search.length; i++){
          $('#display-result').append('<p>'+apiResult.query.search[i].title+'</p>');
     }
  }

    InformationsquelleAutor Bruno Garcia

  2. 2

            $.ajax({
            type: "GET",
            url: "http://en.wikipedia.org/w/api.php?action=opensearch&search=" + txt + "&callback=?",
            contentType: "application/json; charset=utf-8",
            async: false,
            dataType: "json",
            success: function (data, textStatus, jqXHR) {
                $.each(data, function (i, item) {
                    if (i == 1) {
                        var searchData = item[0];
                        WikipediaAPIGetContent(searchData);
                    }
                });
            },
            error: function (errorMessage) {
                alert(errorMessage);
            }
        });
    }

    function WikipediaAPIGetContent(search) {
        $.ajax({
            type: "GET",
            url: "http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text&section=0&page=" + search + "&callback=?",
            contentType: "application/json; charset=utf-8",
            async: false,
            dataType: "json",
            success: function (data, textStatus, jqXHR) {

                var markup = data.parse.text["*"];
                var blurb = $('<div></div>').html(markup);

                //remove links as they will not work
                blurb.find('a').each(function () { $(this).replaceWith($(this).html()); });

                //remove any references
                blurb.find('sup').remove();

                //remove cite error
                blurb.find('.mw-ext-cite-error').remove();
                $('#results').html($(blurb).find('p'));
                $('#results').html(blurb);

            },
            error: function (errorMessage) {
                alert(errorMessage);
            }
        });
    }
</script>

    Quelle

    InformationsquelleAutor J. Doe

  3. 1

    Versuchen Sie dieses Beispiel:

    $(document).ready(function(){

    $('#btn').click(function() {

        $.ajax({
            url: '//en.wikipedia.org/w/api.php',
            data: { action: 'query', list: 'search', srsearch: $("input[name=Wikipedia]").val(), format: 'json' },
            dataType: 'jsonp',
            success: function (x) {
                console.log('title', x.query.search[0].title);
            }
        });
    });
});

    Quelle

    InformationsquelleAutor Ali Mamedov

  4. 1

    Dies zeigt das Ergebnis der Abfrage mit Bild:

    $(document).ready(function(){
  $('#btn').click(function() {
     var search_text = $("input[name=Wikipedia]").val();
     var url = 'https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=pageimages|extracts&pilimit=max&exintro&explaintext&exsentences=1&exlimit=max&gsrsearch=';
     $.getJSON( url + search_text +'&callback=?',function(data){        
      for(var key in data.query.pages){
        var titleArt = data.query.pages[key].title;
        var extractArt = data.query.pages[key].extract;
        var linkArt = 'https://en.wikipedia.org/?curid=' + data.query.pages[key].pageid;
        var imgArt;

        if(data.query.pages[key].hasOwnProperty('thumbnail')){
          imgArt = data.query.pages[key].thumbnail.source;
        } else {
          imgArt = 'http://www.wallpaperup.com/uploads/wallpapers/2014/04/02/319530/big_thumb_e96d0c33f97706bc093572bc613cb23d.jpg';
        }

        var contentHTML = '<div class="col-md-4"><div class="box-result"><div class="bg-result"></div><a href="' +  linkArt + '" target="_blank"><div class="box-content center-block"><div class="article-thumbnail"><img src="' + imgArt + '" alt="" /></div><h1>'+ titleArt +'</h1><p>' + extractArt + '</p></div></a></div></div>';
        $('#display-result').append(contentHTML);
     }      
  });
 });
});

    InformationsquelleAutor Mahbubur Rahman

Schreibe einen Kommentar