如何在Ajax调用中使用多级/嵌套？

我正在制作一个具有多级选项的小型直观Web应用程序，无需刷新整个页面即可加载。如何在Ajax调用中使用多级/嵌套？

我的结构是这样：

/index.php 
/schools.html 
/colleges.html

enter image description here

凡schools.html将包含学校分为DIV ID部分的全部内容。与colleges.html相同。

点击左边的学校菜单后，它应该带有“按州搜索”等选项的schools.html类，然后点击“按州搜索”。

我已经尝试了所有可用的可能烤选项，freeajaxcodes.blogspot.in/2009/05/7-ways-to-load-content-via-ajax.html

我仍然感到困惑，如果这是我想要完成的有效方式。我想专注于CSS，并希望尽可能使这个应用程序尽可能轻。

2012-03-12 Navi

你应该更专注于使其“工作”而不是思考“效率”。过早优化是万恶之源。我建议首先创建用户界面，其中的部分“就好像AJAX内容已经加载”一样，然后担心AJAX如何完成其工作，然后*您可以担心效率。 – Joseph 2012-03-12 07:02:02

@约瑟夫我同意没有点“过早优化”是邪恶的。我会记住这一点。 – Navi 2012-03-12 08:27:06

我更喜欢只发送我的ajax调用数据（使用json格式）。它是客户端（使用javascript/jQuery和CSS），它用一个好的MVC（模型视图控制器）体系结构更新页面。

2012-03-12 07:01:47

回答