Php Jquery函数停止工作

我已经使用这个脚本一段时间了，突然它停止工作并返回错误消息。我找不到代码中的任何错误，php页面回显了有效的json。如果有人发现这个代码有错误，请告诉我。我在其他地方也使用同样的脚本

转到： 然后单击“随机饮料”查看实况。单击错误消息将再次调用该函数

谢谢

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.');
        }
    });            
}

函数loadData（）{
变量输出=$（“#输出”）；
var drinkImageOutput=$（“#drinkImage”）；
var drinkingredientuput=$（“#drinkIngredient”）；
var DRINKNAMEOUT=$（“#drinkName”）；
输出文本（“”）；
$.ajax({
网址：'http://ab-mobile-apps.com/grototest/index.php',
数据类型：“jsonp”，
jsonp:'jsoncallback'，
超时：10000，
成功：功能（数据、状态）{
$。每个（数据、功能（i、项）{
var landmark=
'' + 
''+饮用水+''的+
''+饮用成分+''；
输出。追加（landmark）；
});
},
错误：函数（）{
text（'加载数据时出错'）；
}
});            
}

您的请求返回的是JSON而不是JSONP。 尝试：

$.ajax({
网址：'http://ab-mobile-apps.com/grototest/index.php',
数据类型：“json”，
超时：10000，
成功：功能（数据、状态）{
$。每个（数据、功能（i、项）{
var landmark=
'' + 
''+item.sname+''+
''+项目.成分+''；
输出。追加（landmark）；
});
},
错误：函数（）{
text（'加载数据时出错'）；
}
}); 

使用Chrome中的调试器逐步完成代码…添加了您的注释Kris，要进一步详细说明，请在Chrome开发工具（按F12键打开）中，转到网络选项卡。。。在那里，您将看到AJAX请求并了解返回的内容，从那里您应该能够调试脚本。我感谢您的回复。在发布之前，我用chrome对脚本进行了多次调试，ajax调用似乎被跳过。你用我发布的网址试过了吗。请做并给出反馈。

$.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.');
    }
});