2016-11-06 87 views
0

請幫幫我, 我有很多問題。 我使用引導模式添加,插入數據。我想在插入沒有頁面的加載表之後。非常感謝。插入ajax後加載表php

<script type="text/javascript"> 
 
var $path  = 'http://localhost/Final/admin/giang_vien/'; 
 

 
$(document).ready(function() { \t 
 
\t 
 
\t // submit form using $.ajax() method 
 
\t 
 
\t $('#insert_form').submit(function(e){ 
 
\t \t 
 
\t \t e.preventDefault(); // Prevent Default Submission 
 
\t \t 
 
\t \t $.ajax({ 
 
\t \t \t url: $path+'function/check.php', 
 
\t \t \t type: 'POST', 
 
\t \t \t data: $(this).serialize() // it will serialize the form data 
 
\t \t }) 
 
\t \t .done(function(data){ 
 
\t \t \t $('#modalgv').modal('hide'); 
 
\t \t \t $('body').removeClass('modal-open'); 
 
\t \t \t $('.modal-backdrop').remove(); 
 
\t \t }) 
 
\t \t .fail(function(){ 
 
\t \t \t alert('Ajax Submit Failed ...'); \t 
 
\t \t }); 
 
\t }); 
 
\t 
 
});

+0

創建check.php文件的視圖和回聲出以HTML格式查看,在Ajax調用成功將響應添加到您的div - @Orange中 –

回答

0

中完成的方法,你可以獲取數據加載該表

$.ajax({ 
    url: $path+'function/check.php', 
    type: 'POST', 
    data: $(this).serialize() // it will serialize the form data 
}) 
.done(function(data){ 
    $('#modalgv').modal('hide'); 
    $('body').removeClass('modal-open'); 
    $('.modal-backdrop').remove(); 

    // fetch data to load the table 
    // populate the table with the data 
}) 
.fail(function(){ 
    alert('Ajax Submit Failed ...');  
});