I have 2 tabes, one below another. First table contains country details like name, population, capital, etc and second table contains states, population and other related details.
On click of one of the rows in first table related information should be displayed in the second table accordingly.
Requirement is this should happen without page refresh. So AJAX is the way to go. My question is since we are going to populate a table with data, can we accomplish this using simple AJAX or should we be using any AJAX framework?
I always recommend using a library like jQuery to do Ajax -- there are just too many nuances and browser dependencies to bother doing Ajax "by hand".
The fact that you are updating a table isn't an issue. You can either use a jQuery call such as $.getJSON() to get the data from the server necessary to repopulate the table, or you could just use .load() and return the pre-formatted table (easy with JSP or php) to replace the whole thing.