извлечение данных json в pebbleJS

Question

Я застрял в извлечении данных json в гальке.

var UI = require('ui'); 
var ajax = require('ajax'); 

var URL="http://ws.audioscrobbler.com/2.0/?method=user.getTopArtists&user=test&api_key=4a9f5581a9cdf20a699f540ac52a95c9&limit=10&format=json&callback=?"; 
var card = new UI.Card({ 
    title:'last.fm stat', 
    subtitle:'Fetching...' 
}); 
card.show(); 

ajax({ url: URL }, function(data){ 
    var topArtist=data.topartists[0].artist.name; 
    card.subtitle(topArtist); 
}); 

Вот ошибка я получаю:

[INFO] ocess_manager.c:368: Heap Usage for App <lastfm sta: Total Size <48584B> Used <6256B> Still allocated <28B> 
[PHONE] pebble-app.js:?: (+) [card 1] : [card 1] 

[PHONE] pebble-app.js:?: JavaScript Error: 
TypeError: Cannot read property '0' of undefined 
    at pebble-js-app.js:123:32 
    at pebble-js-app.js:871:17 
    at req.onreadystatechange (lib/ajax.js:11 

4: 9)

Answer 1

Вечерний Mona,

1. Удалите знак вопроса в конце URL.

2. Удалите инструкцию card.show(), где вы ее положили, и поместите ее после добавления к ней субтитров.

3. Укажите, что вы имеете дело с типом данных JSON.

И ваш окончательный код должен выглядеть следующим образом:

var UI = require('ui'); 
var ajax = require('ajax'); 

var URL="http://ws.audioscrobbler.com/2.0/?method=user.getTopArtists&user=test&api_key=4a9f5581a9cdf20a699f540ac52a95c9&limit=10&format=json&callback="; 
var card = new UI.Card({ 
    title:'last.fm stat', 
    subtitle:'Fetching...' 
}); 

ajax({ url: URL, type: 'json' }, function(data) { 
    var topArtist = data.topartists.artist[0].name; 
    card.subtitle(topArtist); 
    card.show(); 
}); 

Он должен теперь работать отлично. :)

Кроме того, следует добавить отказ обратного вызова в вашем АЯКС метода:

ajax({object}, success, failure)