One great use of asynchronous calls is to update tabular data. This example bypasses the external request for data and uses data statically defined so that we may concentrate on the injection of the TD data cell into an on-page data row.
Plan out on paper or in your mind's eye just what data will be changing. Even mocking up an example layout of the page, post-change, can really help us to write code that is more succinct, and does exactly what we need it to without passing through intermediate steps.
Create an initial table in which we can inject new information. Store in client-side code, static data that can be looped over and injected into the table upon each click of a button.
<h1>World's Coolest Superheroes<h1> <table border="1"> <tr id="marble"> <td>Spider-Man</td> <td>Iron Man</td> <td>Hulk</td> </tr> </table> <form action="javascript:" method...