О вики-API и не могу получить правильный ответ с $.ajax

Я делал мини-проект с AJAX, jQuery и некоторыми API. И цель состоит в том, чтобы, когда вы вводите адрес, он будет отображать Google Street View в фоновом режиме, некоторые новости New York Times и несколько вики-ссылок об этом городе. Фоновая картинка и новостная часть работали нормально, но часть вики не удалась.

function loadData() {

var $body = $('body');
var $wikiElem = $('#wikipedia-links');
var $nytHeaderElem = $('#nytimes-header');
var $nytElem = $('#nytimes-articles');
var $greeting = $('#greeting');

// clear out old data before new request
$wikiElem.text("");
$nytElem.text("");

// load streetview
var st = $("#street").val();
var city = $("#city").val();
var address = st + ', ' + city;

$greeting.text("So, you want to live at " + address + "?");
var picUrl = 'https://maps.googleapis.com/maps/api/streetview?size=600x300&location=' + address + '';
// console.log(picUrl);
$body.append('  <img class="bgimg" src=" ' + picUrl + ' "> ');


var wikiUrl = 'http://en.wikipedia.org/w/api.php?action=opensearch&search=' + city + '&format=json&callback=wikiCallback';
console.log(wikiUrl);

// var wikiRequstTimeout = setTimeout(function() {
//     $wikiElem.text("failed to get wikipedia resources");
// }, 8000);

$.ajax({
    url: wikiUrl,
    dataType: "jsonp",
    success: function(response) {
        console.log(response);
        var articleList = response[1];

        for (var i = 0; i < articleList.length; i++) {
            articleStr = articleList[i];
            var url = 'http://en.wikipedia.org/wiki/' + articleStr;
            $wikiElem.append('<li><a href="' + url + '">' + articleStr + '</a></li>');
        };
        // clearTimeout(wikiRequstTimeout);
    }
});




return false;
};

$('#form-container').submit(loadData);

Данные ответа, которые я получил, похожи

["new york city,ny", Array[0], Array[0], Array[0]]

и в индексе 1 он имеет длину 0, это просто пустое [],

Есть предложения?

0 ответов

Другие вопросы по тегам