Jquery 함수가 작동을 멈췄습니다.

Question

저는 잠시 동안이 스크립트를 사용하여 갑자기 작동을 멈추고 오류 메시지를 반환합니다. 나는 코드에 어떤 에러도 발견 할 수 없으며 PHP 페이지는 유효한 json을 반향한다. 누구든지이 코드에 오류나 잘못된 것이 있으면 알려주십시오. 나는 다른 곳에서 똑같은 스크립트를 사용하고있다.

다음으로 이동 : http://ab-mobile-apps.com/app/grotto/index.html 다음 무작위 음료를 보려면 살기를 클릭하십시오. 오류 메시지를 클릭하면 기능이 다시 호출됩니다.

미리 감사드립니다.

function loadData() {        
    var output = $('#output'); 
    var drinkImageOutput = $('#drinkImage'); 
    var drinkIngredientOutput = $('#drinkIngredient'); 
    var drinkNameOutput = $('#drinkName'); 

    output.text(''); 

    $.ajax({ 

     url: 'http://ab-mobile-apps.com/grototest/index.php', 
     dataType: 'jsonp', 
     jsonp: 'jsoncallback', 
     timeout: 10000, 
     success: function(data, status){ 
     $.each(data, function(i,item){ 
     var landmark = 
      '<div id="drinkImage"><img src="' + drinkImg + '" width="15%" /></div>' + 
      '<div id="drinkName">' + drinkName + '</div>' + 
      '<div id="dringIngredient">' + dringIngredient + '</div>'; 


     output.append(landmark); 
     }); 
     }, 
     error: function(){ 
     output.text('There was an error loading the data.'); 
     } 
    });    
} 

Answer 1

요청에 JSON이 아닌 JSONP가 반환됩니다. 시도 :

$.ajax({ 
    url: 'http://ab-mobile-apps.com/grototest/index.php', 
    dataType: 'json', 
    timeout: 10000, 
    success: function(data, status){ 
    $.each(data, function(i,item){ 
    var landmark = 
     '<div id="drinkImage"><img src="' + item.url + '" width="15%" /></div>' + 
     '<div id="drinkName">' + item.sname + '</div>' + 
     '<div id="dringIngredient">' + item.ingredients + '</div>'; 


    output.append(landmark); 
    }); 
    }, 
    error: function(){ 
    output.text('There was an error loading the data.'); 
    } 
});