Approche pour créer une interface simple en JavaScript ?

Bonjour à tous,

Comment dois-je organiser mon code et mes processus pour construire une interface simple en javascript / PHP ? J'ai galéré plusieurs heures pour rien car je me heurte souvent à des problèmes, déjà du fait que je commence à peine à apprendre la POO.

Pour l'instant, je charge un tableau JSON via la commande getJSON de JQuery qui contient toutes les informations dont j'ai besoin, le tout organisé de la meilleure façon possible.

Déjà premier problème, je n'arrive pas à faire sortir l'objet de la fonction getJSON... J'ai lu sur internet que c'était normal quand cette fonction est utilisé en mode asynchronous, et je ne préfère pas y toucher.

Je pensais donc plutôt construire mon tableau sur la même page avec du PHP mais je ne sais pas si c'est la bonne solution. Par exemple, question bête, si l'utilisateur actualise la page, est ce que cela fait une nouvelle requête sur la base ? En effet mon but est d'utiliser le moins possible le serveur (qui sera occupé à autre chose) et de tout construire en javascript côté client.

J'aimerais avoir un "objet" avec toutes mes données sur lequel je puisse appeler des fonctions selon ce que demande l'utilisateur, mais déjà je ne sais pas si c'est la bonne approche.

Merci pour votre aide !

pour faire sortir ton objet de la fonction utilise une variable globale déclarée hors de la fonction.
attribue le json évalué sur le onsuccess.
Si c'est le coté assynchrone qui te gène, il existe des méthodes synchrones.

Merci pour ta réponse :)

J'ai intégré le code PHP sur la même page pour l'instant mais je retiens ta solution si je change d'avis en route.