Can I make a AJAX call back from another page in HTML?

Question

For example, I have a web page called "myApplication.html", and I click the menu, it loads the "menu.html", but it is not loading the whole page, it just like a facebook by clicking the "Account" on the right, it is a part of web site only.

When I click the menu.html items, I don't want the whole page to reload, I only reload some of the content in the myApplication.html, for example, reload a div tag, which id is "photo".

I know that it can put all the code in one html, by not calling menu.html, but I think it is to complex to separate the work. Also suggestions?

myApplication.html -> menu.html -> click on menu.html's menu item -> reload myApplication.html "photo" tag

Answer 1

我强烈建议您检查一下jquery，它对ajax提供了强大的支持，您想要做的事情就像$（'div'）。load（'menu.html'）一样简单