ajax局部切换内容_Java Web开发

ajax局部切换内容求助
我把左边设置了一个div 里面3个li，右边一个div,我要如何写代码才能实现左边点击不同的li，右边div里面能显示不同的数据，script里面怎么写，求具体代码，能有注释更好，谢啦
左边一个div里面3个li，右边一个div  id=right,如何在一个页面点击不同li，能够实现right出现不同内容
------解决思路----------------------
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
  </head>
  <body>
    <div id="menu" style="width: 200px;height: 200px;float: left;border:1px solid gray;">
     <ul>
     <li>菜单1</li>
     <li>菜单2</li>
     <li>菜单3</li>
     </ul>
    </div>
    <div id="content" style="width: 200px;height: 200px;float: left;border:1px solid gray;margin-left: 10px;">
     <iframe width="100%" frameBorder=0 id="frmright" name="frmright" src="t0.jsp" ></iframe>
    </div>
    <script type="text/javascript">
     // 菜单点击事件
     $("#menu").find("li").click(function(){
     // 获取选中的菜单索引ID
     var _index = $(this).index();
     // 切换页面
     $("#frmright").attr("src","t"+_index+".jsp");
     });

    </script>
  </body>