Atualizar DIV´s idependentes com jquery

Front-end
#1

Pessoal, estou usando o jquery + struts 1.x para fazer a atualizar algumas tabelas apos o retorno do load porem ultilizando a atualização normal do jquery ele chama Action mais de uma vez ultilizando o codigo dessa maneira:
js_1

  <script type="text/javascript">  
          $(document).ready(function(){  
             $("#bt_incluir").click(function(){  
                $.post("incluirNoBanco.do",  
                      {form.serialize() },  
                      function(data){  
                          $("div#dtabela").load('incluirNoBanco.do #dtabela');
                          $("div#erro").load('incluirNoBanco.do #erro');
                           $("div#msg").load('incluirNoBanco.do #msg');
             })  
          })  
            
    </script>

JSP

<html>
    <body>
       <div id="#erro">
            [aqui vem bean erro]
       </div>
       <div id="#msg">
             [aqui vem um bean msg] 
       </div>
        <form>
           <div id="dtabela">
               [aqui vem um diplay tabel]
            </div>
        </form>   
    </body>
</html>

Dessa maneira ele funciona porem ele chama o .do 3 vezes isso não pode acontecer… dando uma lida no jquery vi que podemos fazer assim que tbm funciona:
js_2

  <script type="text/javascript">  
          $(document).ready(function(){  
             $("#bt_incluir").click(function(){  
                $.post("incluirNoBanco.do",  
                      {form.serialize() },  
                      function(data){  
                          $("div#dtabela").load('incluirNoBanco.do #dtabela, #erro, #msg ');
             })  
          })  
            
    </script>

porem ele monta o html errado colocando as menssagens e menssagens de erro dentro da div da tabela (“dtabela”), como deve proceder para atualizar essas tres divs sem chamar a action 3x e manter a estrutura normal do HTML?

#2 
<script type="text/javascript">    
        $(document).ready(function(){    
           $("#bt_incluir").click(function(){    
              $.post("incluirNoBanco.do",    
                    {form.serialize() },    
                    function(data){    
                        $("div#dtabela").load('incluirNoBanco.do #dtabela, #erro, #msg ');  
           })    
        })    
</script>

Talvez eu esteja perdendo algum ponto aqui, mas nao eh estranho carregar dados (load) chamando um programa chamado “incluirNoBanco.do” ??? O que esse programa faz?? Inclui dados ou pesquisa dados??

incluirNoBanco.do retorna algum dado do servidor?? O que vc recebe em data ???

function(data){    
    $("div#dtabela").load('incluirNoBanco.do #dtabela, #erro, #msg ');  
}

Outra coisa, me parece que voce esta repetindo codigo, se voce fizer isso:

 $("div#dtabela").load('incluirNoBanco.do');

Voce nao precisara fazer isso:

function(data){    
    $("div#dtabela").load('incluirNoBanco.do #dtabela');  
}

Me parece que voce esta querendo fazer duas coisas ao mesmo tempo, se voce faz um POST significa que vc esta postando dados pro servidor e vai obter uma resposta. Por exemplo:

$.post("incluiNoBanco.do", function(data) {
   console.dir(data); // imprime os dados recebidos do servidor no console.
})
.success(function() { $("div#success").html("eeee funcionou"); })
.error(function() { $("div#success").html("no pain, no gain! Tente novamente!"); })
.complete(function() { $("div#success").html("operacao terminada!"); });

Na minha opiniao, primeira coisa a fazer seria, ver o que esta sendo retornado do POST. Segundo, me parece que “load” e “incluir” ja aponta que alguma coisa esta errada, talvez seja apenas um problema de nomenclatura, mas de qualquer forma, load eh basicamente em GET request, como eu disse pra mim eh estranho dar um GET em um programa chamado “inclui” alguma coisa.

Outra coisa me me deixou bem confuso eh: Novamente, que tipo de dado voce retorna no incluiNoBanco que vc carrega em divs um chamado dtabela, erro e msg ??? Retorna os tres tipos de dados?? dados, mensagens de erro e outras mensagens ???

//Daniel

#3

Daniel, e isso mesmo estou tentando fazer uma inclusão no banco, estava fazendo isso com um JS normal:

function _incluir(){
	document.forms[0].action = "/dir/incluir.do";
   	document.forms[0].submit();
}

porem quando faço isso ele me da reload na pagina inteira e eu queria evitar isso, o servidor que estou usando e um Jboss com Struts , pensei em usar o Jquery para evitar os problemas de reload mas estou levando couro do Jquery :

        $(document).ready(function(){      
           $("#bt_incluir").click(function(){      
              $.post("incluirNoBanco.do",      
                    {form.serialize() },      
                    function(data){      
                        $("div#dtabela").load('incluir.do #dtabela, #erro, #msg ');    
           })      
        })

vc tem alguma dica outra coisa que aconteceu com essa função do jquery foi que ele fez a inclusão uma vez eo botão de incluir parou de funcionar…

#4