从服务器获取 JSON 响应，但无法使用 Jquery 显示为 HTML

Question

我正在构建一个移动应用程序，我构建了一个 PHP API，它从 mysql db 呈现数据并将其编码为 JSON

我用 Jquery ajax 调用这个 api 来将来自 json 输出的记录显示为 JSONP，并在我的文档中的成功函数中呈现它。

到目前为止，当我通过 $.ajax 发出请求时，我正确地获取了 JSON，并且我可以在我的 firebug 中看到响应中的数据，但另一方面，ajax 函数会触发错误而不是成功。

我在这里有一个演示代码：jsfidle

这是我的 $.ajax 调用：

$(document).on("pageinit","#myPage", function() {   
    $("#autocomplete").on("listviewbeforefilter", function ( e, data ) {
        var $ul = $( this ),
            $input = $( data.input ),
            value = $input.val(),
            html = "";
            $ul.html( "" );            
            var dataString = 'keyword='+value;
        if (value.length > 2 ) {            
            $.mobile.loading("show");                       
            $.ajax({
                type: "GET",
                url: "http://example.com/search.php",
                dataType: "jsonp",
                jsonpCallback: 'jsonpCallback',               
                cache:true,             
                data: dataString,
                success: function(data) {               
                $.mobile.loading("hide");                                       
                alert(data);                     
                }
            })         
        }
    });
});

如果您检查网络面板，您会发现它成功并且有数据来了。

请多多指教。 非常感谢

Answer 1

您的响应不包括响应中的回调 jsonpCallback()，我看到的响应很简单 ({"name": ... })