How to get dynamically loaded data crawled by search engines?

Question

I am facing a issue where on website, we have navigation tabs on header, on hovering drop down appears and data is populated and shown to user. This data is dynamically generated and hence it wont appear on Page source. When researched, google crawlers crawls whatever present in page source. Though they wont crawl script tags.

Now my data is JSON data which is inside script tag and it appears on page source. This JSON data is used to populate results on navigation tabs using javascript.

I want this data to be crawled by search engines.

Is there a way to do this?

Answer 1

If is not present in DOM, then is not searchable, they wont crawl on it. It need to be in DOM so they will find it.