表單提交後，Jquery選項卡更新選項卡在同一選項卡

我有一個包含6個選項卡（Jquery選項卡）的頁面，每個選項卡上都有一個表單。我看起來像一個簡單的問題，但我打破了我的頭。我想更新div（製表符）submit之後的表格，submit之後當然還有一些動作（數據庫更新）。表單提交後，Jquery選項卡更新選項卡在同一選項卡

<form name="prijzen_huidige_jaar" method="post" action="<?php $_SERVER["PHP_SELF"] ?>">

來源

2012-12-15 Jilco Tigchelaar

如果你的意思是你想要的頁面不刷新，你既可以提交到iframe或使用AJAX表單提交。 –

'POST'到'PHP_SELF'會導致頁面重新加載。您最好的選擇是使用'.ajax'將'POST'單獨的PHP文件加載到DOM元素中。 – bobthyasian

您可以通過類似的東西開始：

$(document).ready(function(){ 
    $('.form-to-submit').submit(function(){ // a class to give all your forms 
    content = $(this).serialize(); 
    $.post('/path/to/script.php', content, function(data){ 
     if(data){ 
     // The script returned something in the "data" variable. Do things like: 
     $('container').replaceWith(data); 
     } 
    }); 
    }) 
});

來源

2012-12-15 19:48:41

如果我使用單獨的腳本來執行表單操作，那麼表單比「重新加載」，所以我可以使用$ _POST變量來顯示，所以我不必從數據庫中檢索數據？ –

你可以使用你的表單動作腳本在PHP中返回一個JSON對象。 $ .post函數將在'if（data）{}'循環中獲得該對象，並且您將能夠直接使用那些變量。 –

您是通過ajax獲得更改？

如果是...您可以使用成功事件來進行更改。

$.post(Url , function(data){ 
}).success(function(data){ 
    //Here you could do another post call to get your new data 
    $.post(refreshUrl,function(dataRefresh){ 
    //Your refresh here 
    }); 
});

來源

2012-12-15 19:41:54

jo怎麼意味着通過Ajax獲取更改？ –

表單提交後，Jquery選項卡更新選項卡在同一選項卡

回答

相關問題