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

Question

I'm building a mobile app and i build a PHP API that renders data from a mysql db and encode it as JSON

i call this api with Jquery ajax to get to display the records from the json output as JSONP and render it in my document in the success function.

so far i get the JSON correctly when i do the request via $.ajax and i can see the data in the Response in my firebug but in the other side the ajax function fires the ERROR not the Success.

i have a demo code in here : jsfidle

this is my $.ajax Call:

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

if you check the net panel you 'll find it successful and there is data coming.

Kindly Advise. Thanks A lot

Answer 1

您的响应未在响应中包含回调jsonpCallback（），我看到的响应只是({"name": ... })