Ajax is not asynchronous

[Rex the Strange]

Seriously.

I have a flash animation that I was trying to run during ajax calls -
sort of eyecandy - but it would freeze whenever the ajax call was
being made. Then I found out it wasn't just the flash, it was the
entire page - could scroll, type, do jack.

Asynchronous javascript? Yeah, right. (and before you suggest it, that
isAscync parameter in the open function doesn't seem to do jack unless
I'm not using a boolean correctly)

</sarcasm>

[Joost Diepenmaat]

Rex the Strange <ro********@widgetinc.comwrites:

Asynchronous javascript? Yeah, right. (and before you suggest it, that
isAscync parameter in the open function doesn't seem to do jack unless
I'm not using a boolean correctly)

</sarcasm>

Nice sarcasm. Show the code.

--
Joost Diepenmaat | blog: http://joost.zeekat.nl/ | work: http://zeekat.nl/

[Rex the Strange]

On Apr 6, 10:54*am, Rex the Strange <[e-mail]:

On Apr 5, 6:06 pm, Joost Diepenmaat <[e-mail]:

Rex the Strange <[e-mail]:

Asynchronous javascript? Yeah, right. (and before you suggest it, that
isAscync parameter in the open function doesn't seem to do jack unless
I'm not using a boolean correctly)

</sarcasm>

Nice sarcasm. Show the code.

--
Joost Diepenmaat | blog:http://joost.zeekat.nl/|work:http://zeekat.nl/

Gladly:

/**********/

function ajax_object (callback_field) {
* * * * var request_object;
* * * * var callback = document.getElementById (callback_field);
* * * * var eyecandy = document.getElementById ("flash_cell");
* * * * var parameters = new ajax_parameters;

* * * * request_object = ajax_object ();

* * * * /********/

* * * * function show_eyecandy () {
* * * * * * * * callback.innerHTML = blank;
* * * * * * * * eyecandy.style ["visibility"] = "visible";
* * * * }// show_eyecandy;

* * * * /********/

* * * * function hide_eyecandy () {
* * * * * * * * callback.style ["visibility"] = "visible";
* * * * * * * * eyecandy.style ["visibility"] = "hidden";
* * * * }// hide_eyecandy;

* * * * /********/

* * * * function ajax_object () {
* * * * * * * * var object;
* * * * * * * * try {
* * * * * * * * * * * * object = new XMLHttpRequest ();
* * * * * * * * } catch (except) {
* * * * * * * * * * * * try {
* * * * * * * * * * * * * * * * object =new ActiveXObject ("Msxml2.XMLHTTP");
* * * * * * * * * * * * } catch (except) {
* * * * * * * * * * * * * * * * try {
* * * * * * * * * * * * * * * * * * * * object = new ActiveXObject ("Microsoft.XMLHTTP");
* * * * * * * * * * * * * * * * } catch (except) {
* * * * * * * * * * * * * * * * * * * * return false;
* * * * * * * * * * * * * * * * }// try
* * * * * * * * * * * * }// try
* * * * * * * * }// try
* * * * * * * * return object;
* * * * }// ajax_object;

* * * * /********/

* * * * this.add_parameters = function (name, value) {
* * * * * * * * parameters.add (name, value);
* * * * }// add_parameters;

* * * * /********/

* * * * this.callback_function = function (data) {
* * * * * * * * if (request_object.readyState != 4) return;
* * * * * * * * callback.innerHTML = request_object.responseText;
* * * * * * * * hide_eyecandy ();
* * * * }// callback_function;

* * * * /********/

* * * * this.send = function (destination) {
* * * * * * * * show_eyecandy ();
* * * * * * * * request_object.onreadystatechange = this..callback_function;
* * * * * * * * request_object.open ("post", destination, true);
* * * * * * * * request_object.setRequestHeader ("Content-Type", "application/x-www-
form-urlencoded; charset=UTF-8");
* * * * * * * * request_object.send (parameters.render ());
* * * * }// this.send;

* * * * /********/

}// ajax_object;

/**********/

function ajax_parameters () {
* * * * var items = [];

* * * * this.add = function (name, value) {
* * * * * * * * items.push (name + "=" + value);
* * * * }// add;

* * * * this.render = function () {
* * * * * * * * return items.join ("&");
* * * * }// render;

}// ajax_parameters;

/**********/

Well, I've shown the code. What am I doing wrong?

[VK]

On Apr 30, 12:45 am, Rex the Strange <[e-mail]:

On Apr 6, 10:54 am, Rex the Strange <[e-mail]:

On Apr 5, 6:06 pm, Joost Diepenmaat <[e-mail]:

Rex the Strange <[e-mail]:

Asynchronous javascript? Yeah, right. (and before you suggest it, that
isAscync parameter in the open function doesn't seem to do jack unless
I'm not using a boolean correctly)

</sarcasm>

Nice sarcasm. Show the code.

--
Joost Diepenmaat | blog:http://joost.zeekat.nl/|work:http://zeekat.nl/

Gladly:

/**********/

function ajax_object (callback_field) {
var request_object;
var callback = document.getElementById (callback_field);
var eyecandy = document.getElementById ("flash_cell");
var parameters = new ajax_parameters;

request_object = ajax_object ();

/********/

function show_eyecandy () {
callback.innerHTML = blank;
eyecandy.style ["visibility"] = "visible";
}// show_eyecandy;

/********/

function hide_eyecandy () {
callback.style ["visibility"] = "visible";
eyecandy.style ["visibility"] = "hidden";
}// hide_eyecandy;

/********/

function ajax_object () {
var object;
try {
object = new XMLHttpRequest ();
} catch (except) {
try {
object = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (except) {
try {
object = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (except) {
return false;
}// try
}// try
}// try
return object;
}// ajax_object;

/********/

this.add_parameters = function (name, value) {
parameters.add (name, value);
}// add_parameters;

/********/

this.callback_function = function (data) {
if (request_object.readyState != 4) return;
callback.innerHTML = request_object.responseText;
hide_eyecandy ();
}// callback_function;

/********/

this.send = function (destination) {
show_eyecandy ();
request_object.onreadystatechange = this.callback_function;
request_object.open ("post", destination, true);
request_object.setRequestHeader ("Content-Type", "application/x-www-
form-urlencoded; charset=UTF-8");
request_object.send (parameters.render ());
}// this.send;

/********/

}// ajax_object;

/**********/

function ajax_parameters () {
var items = [];

this.add = function (name, value) {
items.push (name + "=" + value);
}// add;

this.render = function () {
return items.join ("&");
}// render;

}// ajax_parameters;

/**********/

Well, I've shown the code. What am I doing wrong?

That was answered N times in this group: the graphics context is not
being updated until exit from the current execution context. With your
nested functions - besides being memory leaking like an old bucket -
you never give this opportunity to the engine. use setTimeout at
least.

[Joost Diepenmaat]

Rex the Strange <ro********@widgetinc.comwrites:

>Gladly:

Ok ok, I didn't reply to your code the first time, because I couldn't
find the error. Though the naming of some of the variables did make my
head hurt. Here's what I've got.

>/**********/

function ajax_object (callback_field) {
Â* Â* Â* Â* var request_object;
Â* Â* Â* Â* var callback = document.getElementById (callback_field);

callbacks are usually functions.

>Â* Â* Â* Â* var eyecandy = document.getElementById ("flash_cell");
Â* Â* Â* Â* var parameters = new ajax_parameters;

Â* Â* Â* Â* request_object = ajax_object ();

I note that you're calling a nested ajax_object() function within this
ajax_object() function. Also the outer function *seems* to be a
constructor, while the inner function isn't. Can't see how you're
calling the outer function, though.

>Â* Â* Â* Â* /********/

Does this mean you've left some code out here?

>Â* Â* Â* Â* function show_eyecandy () {
Â* Â* Â* Â* Â* Â* Â* Â* callback.innerHTML = blank;
Â* Â* Â* Â* Â* Â* Â* Â* eyecandy.style ["visibility"] = "visible";

this is probably better (or at least, shorter) written as

eyecandy.style.visibilitiy = "visible";

>Â* Â* Â* Â* }// show_eyecandy;
Â* Â* Â* Â* /********/

Â* Â* Â* Â* function hide_eyecandy () {
Â* Â* Â* Â* Â* Â* Â* Â* callback.style ["visibility"] = "visible";
Â* Â* Â* Â* Â* Â* Â* Â* eyecandy.style ["visibility"] = "hidden";

same here.

>Â* Â* Â* Â* }// hide_eyecandy;

Â* Â* Â* Â* /********/

Â* Â* Â* Â* function ajax_object () {
Â* Â* Â* Â* Â* Â* Â* Â* var object;
Â* Â* Â* Â* Â* Â* Â* Â* try {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* object = new XMLHttpRequest ();
Â* Â* Â* Â* Â* Â* Â* Â* } catch (except) {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* try {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* object = new ActiveXObject ("Msxml2.XMLHTTP");
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* } catch (except) {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* try {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* object = new ActiveXObject ("Microsoft.XMLHTTP");
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* } catch (except) {
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* return false;
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* }// try
Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* Â* }// try
Â* Â* Â* Â* Â* Â* Â* Â* }// try
Â* Â* Â* Â* Â* Â* Â* Â* return object;
Â* Â* Â* Â* }// ajax_object;

Â* Â* Â* Â* /********/

Â* Â* Â* Â* this.add_parameters = function (name, value) {
Â* Â* Â* Â* Â* Â* Â* Â* parameters.add (name, value);
Â* Â* Â* Â* }// add_parameters;

Â* Â* Â* Â* /********/

Â* Â* Â* Â* this.callback_function = function (data) {
Â* Â* Â* Â* Â* Â* Â* Â* if (request_object.readyState != 4) return;
Â* Â* Â* Â* Â* Â* Â* Â* callback.innerHTML = request_object.responseText;
Â* Â* Â* Â* Â* Â* Â* Â* hide_eyecandy ();
Â* Â* Â* Â* }// callback_function;

Â* Â* Â* Â* /********/

Â* Â* Â* Â* this.send = function (destination) {
Â* Â* Â* Â* Â* Â* Â* Â* show_eyecandy ();
Â* Â* Â* Â* Â* Â* Â* Â* request_object.onreadystatechange = this.callback_function;
Â* Â* Â* Â* Â* Â* Â* Â* request_object.open ("post", destination, true);
Â* Â* Â* Â* Â* Â* Â* Â* request_object.setRequestHeader ("Content-Type", "application/x-www-
form-urlencoded; charset=UTF-8");
Â* Â* Â* Â* Â* Â* Â* Â* request_object.send (parameters.render ());
Â* Â* Â* Â* }// this.send;

Â* Â* Â* Â* /********/

}// ajax_object;

/**********/

function ajax_parameters () {
Â* Â* Â* Â* var items = [];

Â* Â* Â* Â* this.add = function (name, value) {
Â* Â* Â* Â* Â* Â* Â* Â* items.push (name + "=" + value);
Â* Â* Â* Â* }// add;

Â* Â* Â* Â* this.render = function () {
Â* Â* Â* Â* Â* Â* Â* Â* return items.join ("&");
Â* Â* Â* Â* }// render;

this will break if your names or values contain any characters that need to
be urlencoded.

>}// ajax_parameters;

/**********/

Well, I've shown the code. What am I doing wrong?

Dunno. Got a URL?

Joost.

--
Joost Diepenmaat | blog: http://joost.zeekat.nl/ | work: http://zeekat.nl/