jquery - Jqueryタブは、同じタブでフォームを送信した後にタブを更新します

Question

6つのタブ（Jqueryタブ）のあるページがあり、各タブにフォームがあります。簡単な質問のように見えますが、頭を悩ませています。submitフォームの後にdiv（タブ）を更新したいのですsubmitが、もちろんいくつかのアクション（データベースの更新）もあります。

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

Answer 1

次のようなことから始めることができます。

$(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);
      }
    });
  })
});

Answer 2

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
  });
});