Функция ошибки не работает

Question

Привет, я просто попробовал проверить, будет ли функция ошибки возвращать предупреждение, но она не срабатывала. Я изменил ссылку на URL-адрес, надеясь, что он будет генерировать предупреждение, так как он не сможет найти или получить данные json. Все, что я получаю «Uncaught TypeError: Не удается прочитать свойство„длина“неопределенной Jquery-1.9.1.min.js: 3»

$(document).on('pagebeforeshow', '#blogposts', function() { 
    //$.mobile.showPageLoadingMsg();  
    $.ajax({ 
     url: "http://howtodeployit.com/api/get_recent_po", 
     dataType: "json", 
     jsonpCallback: 'successCallback', 
     async: true, 
     beforeSend: function() { 
      $.mobile.showPageLoadingMsg(true); 
     }, 
     complete: function() { 
      $.mobile.hidePageLoadingMsg(); 
     }, 
     success: function (data) { 
      $.each(data.posts, function (key, val) { 
       console.log(data.posts); 
       var result = $('<li/>').append([$("<h3>", { 
        html: val.title 
       }), $("<p>", { 
        html: val.excerpt 
       })]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>'); 
       $('#postlist').append(result).trigger('create'); 
       return (key !== 4); 
      }); 
      $("#postlist").listview(); 
     }, 
     error: function (data) { 
      alert("Data not found"); 
     } 

    }); 
}); 

Answer 1

Может быть здесь $.each(data.posts, data.posts не определено, и именно поэтому вы получаете ошибка. Log data в обратном вызове успеха и посмотреть, что он содержит.

Answer 2

Я думаю, что проблема заключается в том, что когда вы делаете запрос AJAX, ваш код выполняет обратный вызов success, а не обратный вызов error. Таким образом, при выполнении:

$.each(data.posts, function(key, val) {

$.each функция пытается получить длину data, которая является NULL.

Непонятно, что вы определили функцию обратного вызова jsonp, и все же вы по-прежнему используете обратные вызовы и error. Этот SO вопрос может немного помочь:

Use of success/jsonpCallback with ajax request

Answer 3

Я создал a clean Fiddle. Открытие данного URL-адреса дает 301 переадресацию, за которым следует ответ 200 JSON. Код состояния HTTP говорит, что все в порядке, поэтому jQuery не знает, что произошла ошибка.

Здесь вы смешиваете две разные концепции: обратный вызов ошибки jQuery для сетевых ошибок и всех этих вещей. Если вы переносите состояния ошибки внутри вашего JSON с кодом состояния HTTP 200, вам придется иметь дело с ним самостоятельно в обратном вызове успеха.

К сожалению, SO не позволяет JS-скрипку ссылки без кода:

beforeSend: function() { console.log('beforeSend'); }, 
complete: function() { console.log('complete'); }, 
success:function (data) { console.log('success') }, 
error: function(data) { console.log('error') } 

Answer 4

Спасибо всем за ваш вклад. Я принял все предложения. Рекомендация от Джейсона, похоже, имела больше смысла, поэтому, исследуя его предложение, я пришел к этому site, чтобы узнать больше о jasonCallback. удаление опции jasonCallback, хотя это не исправить проблему, но странно эта проблема, похоже, связана с URL-адресом, который я использовал для моего json caalback.

Что я тогда должен был изменить URL-адрес от «http://howtodeployit.com/api/get_recent_po» до «http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories», и это сработало. Несмотря на то, что оба возвратили ошибку в консоли, а вторая - ту, которая вызвала функцию ошибки. Почему я смотрю на это.