Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviando todos os campos com jQuery

25-02-2010 21:03

Um tempo atrás eu postei um script de como enviar dados do formulário através do método POST ou GET usando jQuery. Só que precisava definir os campos a ser enviado.

http://www.codigosnaweb.com/forum/Envia ... _2830.html

Agora usando o serialize(), vou passar um novo exemplo onde é possível enviar todos os campos de uma vez, inclusive array input.

JavaScript e HTML

<script> // evitando que os dados sejam submetidos pelo modo tradicional jQuery(document).ready(function(){ jQuery("#form").submit(function(){ return false; }); // carregando a função para o envio jQuery("#envia").click(function(){ envia_form(); }); // limpando a div antes de um novo envio function envia_form() { jQuery("#retorno").empty(); // pegando os campos do formulário var formdata = $('#form').serialize(); // tipo dos dados, url do documento, tipo de dados, campos enviados // para GET mude o type para GET jQuery.ajax({ type: "POST", url: "recebe.php", dataType: "html", data: formdata, // enviado com sucesso success: function(response){ jQuery("#retorno").append(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); } }); </script>


<div id="retorno"></div>   <form id="form" action="" method="POST"> nome: <input type="text" id="nome" name="nome" value=""> <br> ids: <input type="text" id="ids" name="ids[]" value=""> <br> ids: <input type="text" id="ids" name="ids[]" value=""> <br> <button id="envia" type="submit">Enviar</button> </form>

recebe.php

<?php echo $_POST['nome']."<br>"; print_r($_POST['ids']); ?>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado