0

最初の週はjqueryを学び、このjqueryを使用してページに複数の行を挿入します

$(document).ready(function() {
        var count = 0;

        $("#add_btn").click(function(){
                count += 1;
            $('#container').append(
                         '<tr class="records">'
                     + '<td ><div id="'+count+'">' + count + '</div></td>'
                     + '<td><input id="task_' + count + '" name="task_' + count + '" type="text"></td>'
                     + '<td><input id="person_' + count + '" name="person_' + count + '" type="text"></td>'
                     + '<td><input id="time_' + count + '" name="time_' + count + '" type="text"></td>'
                     + '<td><a class="remove_item" href="#" >Delete</a>'
                     + '<input id="rows_' + count + '" name="rows[]" value="'+ count +'" type="hidden"></td></tr>'
                );
            });

            $(".remove_item").live('click', function (ev) {
            if (ev.type == 'click') {
            $(this).parents(".records").fadeOut();
                    $(this).parents(".records").remove();
        }
        });
    });

これは私のページにjqueryをロードする方法です

<table>
        <tr>
        <td><input type="button" name="add_btn" value="Add" id="add_btn"></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
    </tr>
        <tr>
            <td>No</td><td>Task</td><td>Person Responsible</td><td>Due Date</td><td>&nbsp;</td>
        </tr>
        <tbody id="container">

    </tbody>
    <tr>
      </tr>
    </table>

しかし、私は人の行を変更し'<td><input id="person_' + count + '" name="person_' + count + '" type="text"></td>'て、データベースからの人のリストデータを表示したい

誰かが私にそれを行う方法の例を教えてもらえますか？私はこれを構築するためにcodeigniterを使用しています

4

1 に答える 1

1

jquery.get() (または $.ajax()、例を参照) を使用して、サーバー上のメソッドを呼び出すことができます。サーバーで要求されたメソッドは、データベースからデータを収集し、それを jquery.get() 関数に渡します。返されるデータが json 形式の場合は、代わりにjquery.getJSON()を使用できます。

于 2012-07-26T04:58:48.587 に答える