1

これは、ページネーションの簡単なコードです。2つのタブで2つの異なるテーブルに使用します。

<script>
  $(".clik_for_fetch").click(function(){
      var request={ id: $(this).attr('fetch_id') };
      $.ajax({
                url:"pro/userlist.php",
                data:request,
                dataType:"html",
                type:'POST', 
                beforeSend: function(){
                },
                success:function(result){
                      $("#MyId tbody ").html(result);
                 },
                complete: function(){
                }
        });
    });
</script>

この行に動的にIDを取得するにはどうすればよいですか

$("#MyId tbody ").html(result);
var request={ id: $(this).attr('fetch_id') };

HTML コード: tab1

<table class="table table-striped" id="usertable">
</table>

とナンバーベージ

<li><a href="#" class="clik_for_fetch" fetch_id1="'.$i.'">'.$i.'</a></li>'

タブ2

<table class="table table-striped" id="grouptable"
</table>

とナンバーベージ

<li><a href="#" class="clik_for_fetch" fetch_id2="'.$i.'">'.$i.'</a></li>'

編集: これは HTML コードです

    <div class="bs-example bs-example-tabs">
      <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#userslist" data-toggle="tab" > userlist </a></li>
        <li><a href="#usergroups" data-toggle="tab">  usergroups </a></li>
      </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="userslist">
              <table class="table table-striped" id="usertable">
                  <thead>
                    <tr>
                      <th> ID </th>
                      <th> name </th>
                      <th> username </th>
                      <th style="width: 36px;"> edit </th>
                    </tr>
                  </thead>
                  <tbody>


                  </tbody>
             </table>
        </div>


<hr>
     <ul class="pagination" id="pagination">
        <?php
            while($total_rows_user > 0)
            {

                echo '<li><a href="#" class="clik_for_fetch" fetch_id1="'.$i.'">'.$i.'</a></li>';
                $i++;
                $total_rows_user--;

            }
        ?>

     </ul>

            </div>

        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in " id="usergroup">
              <table class="table table-striped" id="grouptable">
                  <thead>
                    <tr>
                      <th> ID </th>
                      <th> name </th>
                      <th> username </th>
                      <th style="width: 36px;"> edit </th>
                    </tr>
                  </thead>
                  <tbody>


                  </tbody>
             </table>
        </div>


<hr>
     <ul class="pagination" id="pagination">
        <?php
            while($total_rows_group > 0)
            {

               echo '<li><a href="#" class="clik_for_fetch" fetch_id2="'.$i.'">'.$i.'</a></li>';
                $i++;
                $total_rows_group--;

            }
        ?>

     </ul>

        </div>
    </div><!--End tab-->
  <script>
      $(".clik_for_fetch").click(function(){
          var request={ id: $(this).attr('fetch_id') };
          $.ajax({
                    url:"pro/userlist.php",
                    data:request,
                    dataType:"html",
                    type:'POST', 
                    beforeSend: function(){
                    },
                    success:function(result){
                          $("#MyId tbody ").html(result);
                     },
                    complete: function(){
                    }
            });
        });
  </script>

コードは、2 つの異なるタブにある 2 つのテーブルで構成されています。画像の下の画像を参照してください。

各テーブルには個別の ID とページ数があります

4

3 に答える 3

3

これを試して

    $("body").delegate(".clik_for_fetch", "click", function() {
                   var request={ id: $(this).attr('data-id') };
              //    var request={ id: $(this).data('id') };  //you could also use this
              $.ajax({
                    url:"pro/userlist.php",
                    data:request,
                    dataType:"html",
                    type:'POST', 
                    beforeSend: function(){
                    },
                    success:function(result){
                          $("#MyId tbody ").html(result);
                     },
                    complete: function(){
                    }
            });
        });

あなたのhtmlコード

'<li><a href="#" class="clik_for_fetch" data-id="'.$i.'">'.$i.'</a></li>'
于 2013-10-04T07:53:53.847 に答える
0

このコードを使用しました：

HTML コード :

<li><a href="#" class="clik_for_fetch" data-id="'.$i.'" >'.$i.'</a></li>'

id の Jquery コード:

var request={ id: $(this).attr("data-id") };
于 2013-10-04T07:15:19.423 に答える
0

クリック イベントから属性を取得しますが、最初に、次のように番号なしで同じ名前を付けます。fetch_id

$(".clik_for_fetch").click(function(obj){
var attr = $(obj).attr("fetch_id");
});
于 2013-10-04T07:12:25.370 に答える