2012-07-26 53 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()

相關問題