新手求助~~关于js局部刷新的问题

做成一个tab菜单的效果，然后根据:
<div class="sub" data-male="male">sub111</div>
data-male参数来获取后台的数据，提交的是同一个url，只是参数不一样。看看这个思路行不行：<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
    <style type="text/css">
        .none{ display:none;}
    </style>
</head>
<body>
<input id="btn1" class="btn" type="submit" value="男"/> <input id="btn2" class="btn" type="submit" value="女"/>
<div class="content">
    <div class="sub" data-male="male">sub111</div>
    <div class="sub none" data-male="female">sub222</div>
</div>
<div id="test"></div>
<script type="text/javascript">
    var s = '';
    $('.btn').click(function(){
        var idx = $(this).index(),
            sub = $('.content .sub'),
            cur = sub.siblings().hide().eq(idx);
            s = cur.data('male');        cur.show('fast', function(){
            setInterval(function(){
                console.log('getData111() ' + s);
            }, 1000);
        });
    });
</script>
</body>
</html>

解决方案 »

  1.   

    假定2个按钮
    a b
    全局状态
    nowshow = null;a.click(myshow('A'));
    b.click(myshow('B'));function myshow(s){
        nowshow = s;
        f2();
    }window.setInterval(f2,10000);  function f2(){
       //根据nowshow的值 来显示内容
    }
      

  2.   

    - -  你在外面定义一个变量。var  type;  当点击绿色按钮。type="green";红色按钮时  type="red"
    f1方法中 ，把type带参过去，获取数据的时候进行type的判断不就行了，麻烦不？
      

  3.   

    在表格中加个<input  type="hidden'  id="sel_id"   val="">保存点击的那个按钮，然后定时取$("#sel_id").val()
    传到后台，后台根据传来的值取数据。
      

  4.   

    setInterval是可以停止的
    比如
    var aa=window.setInterval(f2,10000);  
    上面的会一直运行，要停止就用如下
    clearInterval(aa)