Результаты поиска не возвращаются при использовании запроса Flickr JSON

Question

Я до сих пор довольно новичок в AJAX, и я экспериментирую с Twitter и Flickr. Twitter работает до сих пор, но я столкнулся с некоторыми проблемами с API Flickr.

У меня нет никаких результатов. Кажется, что URL-адрес работает нормально, и я указываю на правильный объект, содержащий массив («элементы»). Может ли кто-нибудь сказать мне, что я делаю неправильно, пожалуйста? Благодаря!

 $('#show_pictures').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     url: 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=home&nojsoncallback=1', 
     dataType: 'jsonp', 
     success: function(data) { 
     $.each(data.items, function(i, item){ 
      $('<div></div>') 
      .hide() 
      .append('<h1>'+item.title+'</h1>') 
      .append('<img src="'+item.media.m+'" >') 
      .append('<p>'+item.description+'</p>') 
      .appendTo('#results') 
      .fadeIn(); 
     }) 
     }, 
     error: function(data) { 
     alert('Something went wrong!'); 
     } 
    }); 
    }); 

EDIT: Я изменил URL и я получаю сообщение об ошибке назад в FireFox: «Invalid метка», относительно «название» объекта в корневой области.

Answer 1

Постарайся комментируя это:

$('<div></div>') 
     .hide() 
     .append('<h1>'+item.title+'</h1>') 
     .append('<img src="'+item.media.m+'" >') 
     .append('<p>'+item.description+'</p>') 
     .appendTo('#results') 
     .fadeIn(); 

И вобще

console.log(data); 

, если вы используете поджигатель (который вы, вероятно, должно быть) или

alert(data); 

Что скажет вы, если ваш запрос возвращает данные. FYI, я запустил завиток на вашем URL, и он возвращает кучу json.

Answer 2

Использует ли dataType: 'json' вместо dataType: 'jsonp' в какой-то степени разница?

Answer 3

«Недопустимая метка» относится к метке из пар значений метки, которые ожидает интерпретатор. Она может быть решена, как так

http://willcode4beer.com/tips.jsp?set=jsonInvalidLabel

В качестве альтернативы вы можете передать jsoncallback =? для возвращаемого json, который будет обернут этими скобками.

Answer 4

Похоже, проблема была в URL. По-видимому, jQuery всегда нужен параметр обратного вызова и обычно добавляет «callback =?». Однако, поскольку Flickr использует «jsonpCallback» в качестве имени для параметра, мне пришлось изменить URL-адрес:

http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=home&jsoncallback=?

И престо, он внезапно работает как шарм!