Adapting an HTML site to benefit from Ajax & jQuery. (I am a newbie to Ajax/jQuery)
To take advantage of the fact that we don't need to reload a page every time we submit from a form.
This is what it all the pages on site offer as menu choices:
Menu1 --- Menu 2 --- Menu 3 --- Menu 4
Menu 2 has 7 options. These 7 options currently use the same php file and they have a slightly different version of the initial form for the user. I would like to continue centralizing my code.
How should I structure my code now that I want to benefit from jQuery given that I would like to not reload the page after it was loaded once - and let every submit thereafter be handled by jQuery?
I know how to have the page not reload from within the forms, but if the user makes another selection from Menu 2 I don't want the page to reload but just modify the form displayed.