Question

A simple ajax call, the php echos some xml text I need to appear in JPayer where myAJAXVariable is.

I need something similar to php echo which simply prints the data.

I simply want myAJAXVariable to display the data from getxml2.php

$(document).ready(function() {



     var myAJAXVariable = $.get("http://www.freeenergymedia.com/getxml2.php", function(data){
return data; <!--here I am attempting to print the contents of getxml2.php as data-->
});



    new jPlayerPlaylist({
        jPlayer: "#jquery_jplayer_1",
        cssSelectorAncestor: "#jp_container_1"
    }, myAJAXVariable, {
        swfPath: "js",
        supplied: "mp3, oga",
        wmode: "window"
    });

});

Answer 1

Due to the asynchronous nature of AJAX (which is what the first A stands for) you should consume the result of an AJAX call only inside the success callback, otherwise the data will not be initialized yet:

$(document).ready(function() {
    $.get("http://www.freeenergymedia.com/getxml2.php", function(data) {
        // Only here you should use the data variable as it is here and only here
        // that it is assigned

        new jPlayerPlaylist({
            jPlayer: "#jquery_jplayer_1",
            cssSelectorAncestor: "#jp_container_1"
        }, data, {
            swfPath: "js",
            supplied: "mp3, oga",
            wmode: "window"
        });
    });
});

or create a function:

var initializejPlayer = function(data) {
    new jPlayerPlaylist({
        jPlayer: "#jquery_jplayer_1",
        cssSelectorAncestor: "#jp_container_1"
    }, data, {
        swfPath: "js",
        supplied: "mp3, oga",
        wmode: "window"
    });
} 

and then trigger the AJAX call:

$(document).ready(function() {
    $.get("http://www.freeenergymedia.com/getxml2.php", initializejPlayer);
});