MySQL 업데이트 후 DIV를 JQuery로 채우는 방법

Question

jQuery를 사용하여 AJAX 프로젝트를 개발 중입니다. 테이블의 데이터를 표시하는 페이지를 작성하려고합니다. 이 페이지에서 폼을 추가하여이 테이블에 다른 행을 추가하려고합니다.

문제는 새 데이터를 제출하자마자 내 페이지에서 테이블을 업데이트하려고한다는 것입니다. 그게 가능한가? 그렇다면 어떻게?

Answer 1

스크립트에 AJAX 요청을합니다.

스크립트가 작업을 수행하고 새 데이터를 반환합니다. 양식 결과를 보낼

http://api.jquery.com/jQuery.ajax/

Answer 2

사용 jQuery를 아약스 :

귀하의 AJAX 쿼리의 성공 핸들러 함수는 그냥 JQuery와 문서의 예를 살펴 수신 data.AJ

있는 페이지를 업데이트 PHP 스크립트에서 PHP를 업데이트/삽입하여 mysql db에 넣은 다음 PHP가 jQuery 성공 콜백에 테이블 데이터를 에코하여받은 데이터를 가져 와서 div/테이블에 배치합니다!

는 시작하려면 :

http://blog.twostepmedia.co.uk/send-html-form-results-in-an-email-from-php-using-jquery-ajax/

Answer 3

은 당신이 할 수있는 것은 폼의 submit 버튼에 이벤트를 바인딩합니다.

$('#formbutton').click(submit); 

그런 다음 제출() 함수에서 필드의 값을로드 한 후 GET 아약스 요청을

function submit(){ 
    var field1 = $('#field1').val(); 
    var field2 = $('#field2').val(); 

    $.ajax({ 
    url: 'submitform.php', 
    type: "POST", 
    dataType: "text", 
    data {field1: field1, field2, field2}, 
    success: function(data){ 
     getData(); 
    } 

    }); 

} 

function getData(){ 
    $.get("table.php",function(data){ 
    $('#table').html(data); 
    }); 
}