0

データベースからデータを取得するテーブルがあり、そのテーブルには多くの<tr>タグがあります。各<tr>タグで「+」記号を修正し、この「+」をクリックして Ajax から応答を取得したいと考えています。Ajax を使用してこれを実現する方法を教えてください。

「+」が来るテーブルのコードは次のとおりです。

<table id=\"table_$author_id\" width=\"100%\">
                    <TR bgColor=#F5F5F5>
                        <TD class=normaltext hight=35 align=center><div id=\"test_$author_id\" class=\"test\" style=\"display:inline\">+</div><div id=\"aid_$author_id\" class=\"aid\" style=\"display:inline\">$author_id</div></TD>
                        <TD class=normaltext align=left>$author_name</TD>
                        <TD class=normaltext align=center><a href=\"author_edit.php?aid=$author_id&mode=edit\">Edit</a></TD>
                        <TD class=normaltext align=center><a href=\"author_finance.php?aid=$author_id\">Edit</a></TD>
                        <TD class=normaltext align=center><a href=\"author_list_admin.php?aid=$author_id&mode=delete\">Delete</a></TD>
                    </TR>
                    <table>

私はajaxのためにこのコードを試しました：

$(document).ready(function() {

        $('.test').click(function(){

            var URL = 'bangkokbooks/php/admin/author_ajax_detail.php';
            console.log(this.id);
            var ID = this.id;
            var arr= ID.split('_');
            var author_id=arr[1];
            console.log(author_id);

            $.ajax({
                                type: "POST",
                                url: "author_ajax_detail.php",
                                data: "&author_id="+author_id,
                                success: function(html){                

                                            console.log(html);
                                            $('#table_'+author_id).append(html); 
                                      }
                                }); 

        });


    });

しかし、この方法では、私の調整はひどく乱されます. <tr>各タグの下に応答を追加する方法を教えてください。または、別の方法を教えてください。

4

2 に答える 2

0

あなたのhtmlは正しくありません：

<table id="table_authorId" width="100%">
                    <TR bgColor='#F5F5F5'>
                        <TD class='normaltext' height=35 align='center'><div id="test_$author_id" class="test" style="display:inline">+</div><div id="aid_$author_id" class="aid" style="display:inline">$author_id</div></TD>
                        <TD class=normaltext align=left>$author_name</TD>
                        <TD class=normaltext align=center><a href="author_edit.php?aid=$author_id&mode=edit">Edit</a></TD>
                        <TD class=normaltext align=center><a href="author_finance.php?aid=$author_id">Edit</a></TD>
                        <TD class=normaltext align=center><a href="author_list_admin.php?aid=$author_id&mode=delete">Delete</a></TD>
                    </TR>
                    <table>​

要件に応じてphp引用符を追加します。そして、次のjQuery.ajax成功コールバックを追加します：

jQuery.ajax({
   ........
     success: function(response){
          ......
          $('#table_authorId').append("<tr><td colspan =5>"+response+"</td></tr>");​
          .......................
     }
 });

定数データの例を次に示します：http：//jsfiddle.net/aDcQm/1/

于 2012-08-24T15:29:36.693 に答える
0

タグにクラスまたは ID を追加し、<tr>jQuery を使用して新しいコンテンツを に追加します<tr>。それが最も簡単な方法です。

于 2012-08-24T15:26:56.530 に答える