如何无刷新实现产品二级分类列表?

Question

页面如图所示,左边是产品二级分类列表,右边是这个分类下的产品列表.
当点某个大类时,可以无刷新的弹出这个大类下面的小类,点小类之后,页面刷新,右边显示该小类下的产品列表.
但如果某个大类下面没有再细分小类时,则直接刷新页面,右边显示该大类下的产品列表.但需要页面刷新后,刚才点类的相应类型底色加灰显示.
请高手指教该如何写代码?
我初学,想用数组这样简单一些的形式,不使用AJAX之类高级的方法.

Answer 1

页面载入时获取全部数据放入多维数组。
小类的onClick事件中显示对应数据

Answer 2

用ajax需要什么就加载什么。 

Answer 3

JS操作多维数组。用AJAX方便点

Answer 4

左边一颗树，右边一个iframe,点击一个节点，判断以下有无子节点，有则expand子节点，无则根据当前点击的节点，刷新右边iframe的src值。

Answer 5

有现成的js树，你用google搜xtree，直接用就行了

Answer 6

xtree说是个控件,那位有自已写的简单的代码可以使用一下?

Answer 7

看明白了，原来是要树形结构 菜单
你 可以 用 xtree.js ， frame页面框架，

Answer 8

我自己修改过 xtree.js  这个脚本，不知道你能用上？