Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda para mandar formulario por ajax


Luiz Antonio

Pergunta

Boa noite pessoal, tudo legal?

Estou criando um site que toda a passagem de conteudo é feito em ajax, ou seja, tenho apenas uma pagina index.php ...e pega o conteudo de outros links por ajax,peguei um tutorial na internet que funciona dessa forma:

nas tags HEAD da index

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"
type="text/javascript">
</script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"
type="text/javascript">
</script>

<script type="text/javascript" >
function abreURL(url,metodo,onde){
   if(metodo=='POST'){
      // metodo post
       $.post(url, function(data) {
      // página do carregador (loading)
       $("#carregador").show();
       $( "#"+onde).load(url);
      });
   }
   else if(metodo=='GET'){
      // metodo get
      $.get(url, function(data) {
     // página do carregador (loading)
      $("#carregador").show();
     $( "#"+onde).load(url);
    });
  }
}
</script>
Os links ficam dessa forma:
<li><a href="#" title="" onclick="abreURL('home.php','GET','conteudo');"><span>Home</span></a></li>
<li><a href="#" title="" onclick="abreURL('artistas.php','GET','conteudo');"><span>Artistas</span></a></li>
<li><a href="#" title="" onclick="abreURL('radios.php','GET','conteudo');"><span>Radios</span></a></li>
e a div que irá receber a página e os parâmetros
<div id="conteudo">
<div id="carregador">Carregando...</div>
Aqui irá carregar a pagina nova e os dados do banco.</div>
A passagem de conteudo por ajax esta perfeita, porem gostaria de passar informações por formulario, sem ocorrer refresh também, porem não estou conseguindo, tentei adicionar no action do form mas não funcionou, segue a tentativa:
<form action="" method="post" action="abreURL('pagina_nova.php?id=10','POST','conteudo')">
<input name="" type="text" size="60" />
<select name="" style="color: #900; text-align:center">
  <option value="1">Artista</option>
  <option value="2">Música</option>
  <option value="3">Album</option>
  <option value="4" selected="selected">Geral</option>
</select>
<label>
  <input type="submit" name="button" id="button" value="Buscar" />
tentei também no botão submit do form, mas tambem não funciona:
<input onclick="abreURL('pagina_nova.php?id=10','POST','conteudo')" type="submit" name="button" id="button" value="Buscar" style="background:#65150A; color:#FFF; width: 91px; height: 21px; padding-botton: 4px" />

alguém sabe como faço para passar os campos de formulario por ajax, utilizando este metodo?

Obrigado!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...