auto load header menu data to each page

Hello,
I have header menu json data(from MenuModel.php):

PHP Code:

[{"text":"Opcion3","href":"","icon":"fas fa-bell","target":"_self","title":""},{"text":"Home","href":"http://home.com","icon":"fas fa-home","target":"_top","title":"My Home"},{"text":"Opcion4","href":"","icon":"fas fa-crop","target":"_self","title":""},{"text":"Opcion6","href":"","icon":"fas fa-map-marker","target":"_self","title":""},{"text":"Opcion7","href":"","icon":"fas fa-search","target":"_self","title":""}] 


Now, I need to auto load this data to all template(header) for show menu on top of each page using jquery.

what is best solution for auto load this data to all page?!

thanks for any help.