在单页用什么方式来实现自定义联动的菜单呢

在单页用什么方式来实现自定义联动的菜单呢？

首先是获取顶级的联动菜单的name和value

{linkage code=address pid=0}
<li value="{$t.cname}">{$t.name}</li>
{/linkage}

然后获取的列表为 江苏 ，山东等顶级栏目

右侧一块 则在点击顶级栏目时

获取二级三级的栏目

比如点击了“江苏”

这个地方获取到value的值，并赋值到下面的pid，进行一个循环的二级三级的菜单

南京

    1区

    2区

    3区。。。

苏州

    1区

    2区

    3区。。。

。。。

{linkage code=address pid=jiangsu return=c1}

{linkage code=address pid=jiangsu return=c1}
     {$c1.name}
    {linkage code=address pid=$c1.id return=c2}
        {$c2.name}
    {/linkage}
{/linkage}

现在的问题时如何将这个jiangsu，在不刷新页面的情况下传过去呢。

ajax api啥的也不是太熟练，有没有大佬有过案例

或者是用什么方式更方便一点，但是不像那种联动城市选择，因为省级 和市级区级时分开的。就不能用省市区直接一个循环一步到位了。