Jump to content
Fórum Script Brasil
  • 0

Ajuda para mandar formulario por ajax


Luiz Antonio

Question

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 to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...