1 reply to this topic

[moacirrox]

Olá pessoal,

Atualmente tive que substituir uma solução que utilizava iframe aqui na empresa, e a melhor saida foi o AJAX, para isso usei a seguinte solução

$(document).ready(function(){
 $("a").unbind('click');
  $('a').click(function(e){
	 e.preventDefault();
	 $("#rightcolumn").load($(this).attr('href'));
  });
});

Ou seja, ele carrega todas as páginas que estão sendo lincadas para dentro da div que tem o ID "rightcolumn", ai veio o problema, nessa ferramenta que estou trabalhando contém um formulário de busca, essa busca chama uma página que recebe alguns parâmetros (Nome, Fornecedor...) via post,

<form id="foo" action="Get?id_sec=75" method="post">
    <tr>
        <td width="77"><div align="left"><img src="../../imgs/imgs_br/TX_pesquisar.jpg" alt="Pesquisar" width="76" height="20"/></div></td>
        <td width="249"><div align="left">
                <input type="text" name="Nome" class="texto_noticia" size="15"/>
                <input type="hidden" name="Ord" value="3" />
                <input type="hidden" name="id_sec" value="75" />
                &nbsp;
                <select name="Fabricante" style="height:18; width:140;" class='texto_noticia'>
                    <option value="0" selected="selected" >Todas Categorias</option>
                    
                    <ccom:content-block section="10004">
                    <option value="2">HP</option>
                    ...
                    </ccom:content-block>
    
                </select>
                <input class="texto_noticia" type="image" height="18" src="../../imgs/imgs_br/BT_pesquisar.jpg" align="absbottom" />
            </div></td>
    </tr>
</form>

Então eu gostaria de saber como carregar o resultado da busca dentro da minha div "rightcolumn" chamando a página do action "Get?id_sec=75" recebendo todos os campos via post.


Obrigado!

Bom pessoal,

Resolvi com esse script.

$(document).ready(function(e) {
    
    $("#foo").submit(function(e) {
        
        e.preventDefault();
        
        var form_data = $(this).serialize();
        var form_url = $(this).attr("action");
        var form_method = $(this).attr("method").toUpperCase();
        
        $("#loadingimg").show();
        
        $.ajax({
            url: form_url, 
            type: form_method,      
            data: form_data,     
            cache: false,
            success: function(returnhtml){                          
                $("#rightcolumn").html(returnhtml); 
                $("#loadingimg").hide();                    
            }           
        });    
        
    });
    
	});

Porém se o form já estiver na div "rightcolumn" ele não carrega dentro da mesma

[Lucas Veríssimo]

Tente usar o "Ajax das ruas".
assim:

var busca = document.formulario.campobusca.value;

$.post('php/arquivo.php', {'busca':busca}).done(function(resultado){
$("#rightcolumn").html(resultado); // aqui lança os resultados feitos na consulta.
});