Access a parameter in Javascript

Question

i've a strange problem with JS (probably a noob bug), but i'm stuck with it

In function fillInVersionsList, if i put an alert("tempo") or a break in firebug, i can access to my datas in parameter (ie : alert(pSimulator.simulatorData['LastVersion']) and i've the right result. The problem is that if i don't put an alert/firebug break before my access to datas, i've a JS error pSimulator.simulatorData is undefined.

$(document).ready(function() {

    var simulator = new Simulator();

    // Load SimulatorData into the simulator class
    initSimulatorData(simulator);
    // Fill in datas into VersionsList (2nd arg = Id of the list)
    fillInVersionsList(simulator, $('#VersionsList'));  


});

function initSimulatorData(pSimulator)
{
    $.ajax({
      url: "getData.php?action=init",
      success: function(data) {
          pSimulator.initSimulatorData(data);
        }

    });

}


function fillInVersionsList(pSimulator, pSelect)
{
    //alert("tempo");
    alert(pSimulator.simulatorData['LastVersion']);

    pSelect.html('<option>test</option>')       

}

function Simulator()
{

    var simulatorData;


    this.initSimulatorData = function(pSimulatorData)
    {
        this.simulatorData = pSimulatorData;    
    }




}

Is there something to solve this problem?

Thanks in advance

as I can see, the function is called, but what does pSimulator contain? it could be that there is no simulatorData in pSimulator — Joseph
– Joseph, Commented May 11, 2012 at 9:57

stusmith · Accepted Answer · 2012-05-11 10:01:46Z

1

I suspect initSimulatorData is loading some data asynchronously.

Adding the alert gives it long enough for the data to be loaded.

You will need to add some sort of callback function, eg:

initSimulatorData(simulator, function () {
    // Fill in datas into VersionsList (2nd arg = Id of the list)
    fillInVersionsList(simulator, $('#VersionsList'));  
});

answered May 11, 2012 at 10:01

stusmith

14.1k9 gold badges59 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gaël Destrem Over a year ago

Yep, think this is the problem, but the success: parameter of $.ajax isn't supposed to be a callback? (i've added the missing functions, sorry)

Subir Kumar Sao · Accepted Answer · 2012-05-11 10:04:26Z

0

Whats looks like from your problem is that simulator is taking time to initialize and when fillInVersionsList is called pSimulator is still not completely initalized.

When you put an alert it is getting some time delay by which time simulator is initalized.

Check if there is any callback method after simulator is completely initialized and then call fillInVersionsList method after that.

what does initSimulatorData(simulator) does? Is there any asynchronous code invloved in this?

answered May 11, 2012 at 10:04

Subir Kumar Sao

8,4393 gold badges28 silver badges51 bronze badges

2 Comments

Subir Kumar Sao Over a year ago

You have either to make the ajax call synchronous or call the fillInVersionsList from the sucess: funtion(){pSimulator.initSimulatorData(data); // here call fillInVersionsList() }

Gaël Destrem Over a year ago

I've added "async : false" parameter in my ajax request, and it works now, Thanks you :)

Collectives™ on Stack Overflow

Access a parameter in Javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related