2012-07-26 147 views
0

了我的第一个星期学习jQuery和 我使用这个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> 

上,但我想改变人行​​来显示我的数据库中的人的列表数据

有人可以给我举例如何做到这一点? 我使用codeigniter来建立这个

+0

首先尝试对控制器的方法进行ajax调用。然后将该数据附加到表格单元格。 – 2012-07-26 04:24:15

+0

@ArJinJain你可以举一些例子先生? – dpz 2012-07-26 04:41:34

+0

http://www.w3cgallery.com/w3c-blog/php-mysql-ajax-hacks-trick/ajax-fetch-records-by-phpmysql-with-pagination。希望这会在一定程度上帮助你。我正在为您找到一个完美的解决方案。 BRB – 2012-07-26 05:12:52

回答

1

您可以使用jquery.get()(或$ .ajax(),请参阅示例)调用您的服务器上的方法。服务器上的请求方法从数据库收集数据并将其传递给jquery.get()函数。如果您返回的数据是json格式,则可以使用jquery.getJSON()

相关问题