extract($_POST) php com jquery

[rafaelzuckerberg 0]

Olá galera estou testando pegar todos os campos de uma só vez para tentar agilizar mais os códigos, se alguém tiver alguma sugestão e quiser me indicar, estou tentando elaborar um CRUD da vida em js, meu código js ta muito extenso, meu primeiro obstáculo

Formullário

<form>
 <input type="text" placeholder="nome">
 <input type="text" placeholder="email">
 <input type="password" placeholder="senha">
 <button type="button" id=cadastrar>Cadastrar</button>
</form>

Meu js:

$('#cadastrar').click(function(){
   $('input').each(function(){	
	$.post('/require/jp/jpCadastro.php',{
	dadosUsuario:$(this).val()
	   },function(res){
		 if(res){
		   panel.slideDown().css({background:'#ff4444'});
	           msg.html(res).css({color:'#ffffff'});
		   }
		})
	})
});

e no php jpCadastro.php

extract($_POST);
print dadosUsuario;

Desta forma recebo todos os dados, detalhe com ou sem os atributos id ou name nos inputs ainda recebo esses valores.

usando o extract() pra mi seria interessante não quero ficar declarando um monte de variável pois estou tentando elaborar um CRUD em js ainda não pensei em uma forma mais eficaz.

O fato é que quero usar o extract($_POST)

e pegar individualmente as variáveis como :

print $nome.' '.$email.' '.$senha;

Como fazer isso galera ?

[Beraldo 864]

Não existe "nome", "email" e "senha" pro PHP. Você envia tudo com o identificador "dadosUsuario". O PHP nunca saberá que tipo de dado está recebendo

E tem outro problema aí: você faz uma requisição POST para cada um dos inputs. Está gastando tempo e rede à toa

Sugiro que identifique cada input com id, name ou uma tag html5 genérica (usando "data-tipo_do_campo", por exemplo).. Assim o JS pode identificar cada campo e mandá-lo pro PHP com o nome correto

[gabrieldarezzo 255]

Ao invés de

<form>
 <input type="text" placeholder="nome">
 <input type="text" placeholder="email">
 <input type="password" placeholder="senha">
 <button type="button" id=cadastrar>Cadastrar</button>
</form>

Utilize:

<div id="js-dados">
	<input type="text" placeholder="nome">
	<input type="text" placeholder="email">
	<input type="password" placeholder="senha">
	<button type="button" id="btn-cadastrar">Cadastrar</button>
</div>
<div id="result"></div>

e no Js vai ficar assim:

$(document).ready(function() {
	$( "btn-cadastrar" ).bind( "click", function() {
		$.ajax({

			 url: '/require/jp/jpCadastro.php'
			,data: $('#js-dados *').serialize()
			,type:'POST'
			,dataType: 'json'
			,success: function(json){
				$('#result').text('Enviado');
				return true;
			}
			,error: function(json){
				$('#result').text('Ops...');
				return true;
			}
		});
	});
});

A ideia é utilizar o serialize do jQuery e na sua pagina 'jpCadastro.php' ter todos os dados de uma vez via POST que estão encapsulados/serializados na arvore do 'DOM' e filhas do:

<div id="js-dados">
</div>

Ps: Da pra automatizar ainda mais isso se você espera campos específicos ;)

<?php
foreach($_POST as $fields)....

Acho q deu pra imaginar neh hehe...

Abraços