Question

I have a .js class named Widget.js
In widget.js class I am initiating a errors.ascx control class that has a JS script function “GetErrors()” defined in it.
Now, when I call GetErrors from my widgets.js class it works perfectly fine.
I have to populate a few controls in widgets.js using the output from GetErrors() function.
But the issue is that at times the GetErrors() takes a lot of time to execute and the control runs over to my widgets class. and the controls are populated without any data in them.

So the bottom line is that I need to know the exact usage of the OnSuccess function of Jquery.

this is my errors.ascx code

var WidgetInstance = function () {
        this.GetErrors = function () {
                       $.ajax({
                url: '/Management/GetLoggedOnUsersByMinutes/',
                type: 'GET',
                cache: false,
                success: function (result) {
                    result = (typeof (result) == "object") ? result : $.parseJSON(result);
                    loggedOnUsers = result;
                }
            });
        },.....

The code for the Widgets.js file is

function CreateWidgetInstance() {
    widgetInstance = new WidgetInstance();
    widgetInstance.GetErrors();
    }

now I want that The control should move from

widgetInstance.GetErrors();

only when it has produced the results.

any Help???

Answer 1

I did a simple solution for this..
I just called my populating functions in the onSuccess event of the GetErrors() of my control and everything worked perfectly..