How can I load a data table after the page loads?

I would like to load data in a table but I would like to do this after the page loads. The actual page has a table, a textbox, and a search button. I was thinking ajax would help, but I am yet to find a good solution for my problem. How do I do this? Javascript, Jquery or otherwise.

<table class="roundAll" >
   <tr class="titleRow">
     <th colspan="2">New Entries</th>
   </tr>                                 
   <%foreach(var item in Model.NewList) { %>
   <tr>
     <td><%=item.开发者_如何学编程Date.ToShortDateString() %></td>
     <td><%=Html.ActionLink(item.id,"Redirect/" + item.id)%></td>                      
   </tr>
   <% } %>
</table>
<br/>
<table>
   <td><%= Html.TextBox("IdNum") %></td>
   <td><input type="submit" name="Submit" value="Submit" /></td>
</table>

After the page load completes run a jquery script which will load the data by using ajax and databind it with jQuery Templates