2012-07-26 3 views
0

의 첫 주에 jQuery를 배우고 은 내가 내 페이지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> 

에 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를 사용하지만 난 사람 행을 변경하려면 '<td><input id="person_' + count + '" name="person_' + count + '" type="text"></td>' 내 데이터베이스에서 사람의 목록 데이터를 표시하려면

누군가가 어떻게 할 수 있습니까? codeigniter를 사용하여이 코드를 구성하십시오.

+0

먼저 컨트롤러 메소드로 ajax 호출을 시도하십시오. 그 데이터를 테이블 셀에 추가하십시오. –

+0

@ArunJain 몇 가지 예를 들려 줄 수 있습니까? – dpz

+0

http://www.w3cgallery.com/w3c-blog/php-mysql-ajax-hacks-trick/ajax-fetch-records-by-phpmysql-with-pagination. 희망이 어느 정도까지 당신을 도울 것입니다. 나는 완벽한 솔루션을 찾고 있습니다. BRB –

답변

1

jquery.get() (또는 $ .ajax(), 예제 참조)을 사용하여 서버의 메소드를 호출 할 수 있습니다. 서버의 요청 된 메소드는 데이터베이스에서 데이터를 수집하여 jquery.get() 함수에 전달합니다. 반환하는 데이터가 json 형식 인 경우 대신 jquery.getJSON()을 사용할 수 있습니다.

관련 문제