Tabs with tables

I have 4 Bootstrap tabs with one table each.

the data on each table is fetched server side.

My issue is whenever the page with the tabs load, the 4 tables call their respective urls all at the same time.

is there any way to simply let the "active" table be the only one who can query for its contents?