表单提交后，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选项卡更新选项卡在同一选项卡

回答

相关问题