passing data from methods in javascript

Question

Totally new to OOP in javascript, but Im trying and reading all I can.

Ive created a simple test javascript class called Invoices. Invoices only has two methods. One method fires the other. And this part seems to be working fine.

My problem lies with getting data objects from one method to another. I put a alert in the first method, (from my understanding) this alert should show data returned from the second method... but its not.

Any help would be greatly appreciated. Oh.. and I am using jquery as well.

Here is my codez.

 function Invoices()
 {
  this.siteURL = "http://example.com/";
  this.controllerURL = "http://example.com/invoices/";
  this.invoiceID = $('input[name="invoiceId"]').val();
 }

 invoice = new Invoices;

 Invoices.prototype.initAdd = function()
 {
  //load customers json obj
  this.customersJSON = invoice.loadCustomers();
  alert(this.customersJSON);

  //create dropdown
 }

 Invoices.prototype.loadCustomers = function ()
 {
  $.post(this.controllerURL + "load_customers"),
  function(data)
  {
   return data;
  }
 }

icktoofay · Accepted Answer · 2011-01-20 04:49:45Z

2

There are two problems with that. First of all, $.post is asynchronous; you'll have to adopt a callback scheme or use $.ajax to make it synchronous. Secondly, you probably meant to do this:

$.post(this.controllerURL + "load_customers", function(data) {
    return data;
});

Note how the closure is in the parentheses of the function call.

answered Jan 20, 2011 at 4:49

icktoofay

130k23 gold badges261 silver badges239 bronze badges

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

2 Comments

Peter Over a year ago

Thanks for the response. I fixed that syntax error. The post part is actually working. I can see the XHR request and json response, however, the alert is still saying undefined.

Reigel Gallarde Over a year ago

@Peter - I don't get why you say there is a json response but alert is undefined. How did you see the json? are you alerting the json data?

dvhh · Accepted Answer · 2011-01-20 05:07:25Z

As you were told the AJAX call is asynchronous, you would have to implement your initAdd in 2 step:

BeginInitAdd which would initiate the AJAX call
EndInitAdd which would be the callback for your AJAX call and perform the action depending on the data returned.

Invoices.prototype.initAdd = function()
{
    //load customers json obj
    this.xhrObj = invoice.loadCustomers();
    alert(this.customersJSON);
}
Invoices.prototype.createDropdown = function (data) {
    //create dropdown
    this.customersJSON=data
}
Invoices.prototype.loadCustomers = function ()
{
    return $.post(this.controllerURL + "load_customers"),
    function(data)
    {
        //return data;
        this.createDropdown(data)
    }
}

Collectives™ on Stack Overflow

passing data from methods in javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related