Run Script After Asynchronous Request?

[mrgstiffler]

I have a script that runs onLoad but I want that script to rerun after an XMLHttpRequest updates a DIV. I tried adding a timeout but no dice there.

Basically, I have a piece of Javascript that enables table sorting. When the page loads there's a table that already has some data in it. The sorting script enables you to sort the table when you click on a column. I also have a drop-down box that, when an item is selected, an XMLHttpRequest updates the table on the page. The problem is that when the table gets updated, it is no longer sortable.

Any ideas?

[mjlorbet]

add the script that makes the table sortable as the last line inside the check making sure that your request has returned successfully


function readystatechange(){
if((this.readyState == 4) && (this.status == 200)){
...
enableTableSorting();
}
}

function makeAJAXRequest(){
var bbb = new XMLHttpRequest();
bbb.open(..., ..., ...);
bbb.onreadystatechange = readystatechange;
bbb.send(...);
}


if you're using an async call to update the table, why not just wait for the call to finish instead of polling to see if the call is finished?