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

Question

我正在构建一个移动应用程序，并构建一个 PHP API，该 API 呈现来自 mysql 数据库的数据并将其编码为 JSON

我使用 Jquery ajax 调用此 api，以将 json 输出中的记录显示为 JSONP，并将其呈现在我的文档中的 success 函数中。

到目前为止，当我通过 $.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": ... })