I am developping an interface that allows to manage bookings for a selected week.

You can add, delete, view a booking.

When you open a client's booking, I could fetch the id from some div, call an ajax request, and load the booking's data in some dialog (client's data, booking info (date, hour, description, ..)). I don't wish to forward the manager to another page (another request).

But another option, would be to load all the client's data of the selected week (may be up to 100) into a hidden div, and when the manager wants to view a booking, I may just fetch the data from that hidden div. It's much faster, there's no ajax. However, the problems is that there will be a lot of HTML, and I guess the page will be slower to parse; I need a (very) fast page rendering (it's already pretty loaded as it's an application). A solution would be to load asynchronously that data in the hidden div, so the page may render fast, but I don't know how to achieve this. No server request (ajax) is needed as I have the data, but don't want to put it directly into the page, it will slow it down, but to insert the data after the page rendering. Like an ajax without server request ...

I hope it's clear :-) if not, I may clarify some points

Thanks for any advice