CODEWITHSUNDEEP
phpjavascriptjqueryajaxjson
mfa
mfa

Reputation: 709

Ajax not calling callback function

I am trying to get a JSON object from a service running on port 8080 on my server. I have implemented the following JavaScript and PHP code to achieve this:

JavaScript:

$.ajax({
    type: 'GET',
    url: "mediainfo.php?file="+stream_,
    dataType: 'json',
    success: play,
    error: function( xhr, reply ) {
       play({});
    }
});

mediainfo.php:

<?php
    $url = "http://localhost:8080/media_info/" . $_GET['file'];
    echo file_get_contents($url);

However even if the Ajax call succeeds it never calls the callback. Strangely if it fails (e.g. if $url does not return valid JSON) it does call the callback.

I can't figure out what's going wrong. Any help would be much appreciated.

edit:

callback function: 

var play = function( info ) {
     if ( info.width && info.height ) {
         while ( info.width < 640 ) {
             info.width = Math.round( info.width * 1.5 );
             info.height = Math.round( info.height * 1.5 );
         }
         while( info.width > 1024 ) {
             info.width = Math.round( info.width / 2 );
             info.height = Math.round( info.height / 2 );
         }
     }

     var width = info && info.width || 640;
     var height = info && info.height || 480;
     var flashvars = {
         file : stream,
         streamer : "rtmp://myserver.com:1935/vodplayback",
         'rtmp.tunneling' : false,
         bufferlength : 5,
         autostart : true
     };
     var paramObj = {allowfullscreen : "true", allowscriptaccess : "always"};
     swfobject.embedSWF("http://myserver.com:8080/flu/jwplayer.swf", "videoplayer", width, height, "10.3", false, flashvars, paramObj, {id : "jwplayer", name : "jwplayer"});
  }

response from mediinfo.php:

{"duration":69960.0,"width":720,"height":406}

Upvotes: 1

Views: 853

Answers (2)

mfa
mfa

Reputation: 709

So it turns out that the order of function declarations matter with Ajax calls. Who knew ^^

I had my callback function defined after the Ajax call. I switched them round and now it works fine.

Thanks for the responses.

Upvotes: 1

Yuan Zhaohao
Yuan Zhaohao

Reputation: 584

$.ajax({
    url: 'test.php',
    dataType: 'html',
    data: { test: 'test' },
    type: 'GET',
    success: function( data ) {
        console.log( 'success' );
        $( '#div2' ).html( data );
    },
    error: function( xhr ) {
        console.log( xhr.status );
    }

});

or like this

<?php
$url = "http://localhost:8080/media_info/" . $_GET['file'];
echo json_encode( Array(
    'data': file_get_contents( $url )
) );
?>

javascript

$.ajax({
    url: 'test.php',
    dataType: 'json',
    data: { file: stream_ },
    type: 'GET',
    success: function( callback) {
        console.log( 'success' );
        $( '#div2' ).html( callback.data );
    },
    error: function( xhr ) {
        console.log( xhr.status );
    }

});

Upvotes: 0

Related Questions