如何在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

回答