-3

O meu site tem os formulários de login, o formulário de cadastro e o "Recuperar minha senha" um ao lado do outro, eu quero conectar o formulário de cadastro com o meu banco de dados, o de login eu já consegui, mas o de cadastro eu ainda não consegui, pretendo fazer um form de cadastro usando jQuery e Ajax, alguém pode me ajudar a conectar? O nome do meu banco de dados é klp e o nome de minha tabela é table

<section class="containerreg">
  <h1><font color="#fb6e14">Sign Up</font></h1>
  <p id="cadastra"> </p>
  <form id="cadastra_user" method="POST" action="">
    <p><input type="text" name="name" value="" placeholder="Complet name"></p>
    <p><input type="text" name="user" value="" placeholder="Username"></p>
    <p><input type="text" name="email" value="" placeholder="E-mail"></p>
    <p><input type="password" name="senha" value="" placeholder="Password"></p>

    <button type="submit" value="Enviar" class="btn btn-primary" />Sign Up</button>
    </form>
</section>
<script type="text/javascript">
$(function(){
    $('#cadastra_user').submit(function(event){
        event.preventDefault();
        var formDados new FormData($(this)[0]);
        $.ajax({
            url:'http://127.0.0.1/projects/foodee/addUsuario.php',
            type:'POST',
            data:formDados,
            cache:false,
            contentType:false,
            processData:false,
            success: function(data){
                $('#cadastra').html(data);
                alert('Cadastrado com sucesso!');
            },
            dataType: 'html'
        });
        return false;
    });
});
</script>

Essa era a página de conexao para o cadastro que foi amostrado no video, mas parece que não funcionou

inserir a descrição da imagem aqui inserir a descrição da imagem aqui inserir a descrição da imagem aqui

Tem algo faltando no vídeo? Alguém me ajuda ae por favor porque estou sem saber o que fazer para isso dar certo https://www.youtube.com/watch?v=R9AY97_yvpo


1

2

3

4

Tipo, agr até que está aparecendo que foi cadastrado (imagem 1), porém nada aparece no meu bd (imagem 2) e o negócio é que eu tenho as conexões certas no bd, tanto de cadastro quanto de login (imagens 3 e 4)... desde já, agradeço á todos que estão me ajudando e tentando me ajudar

6
  • 2
    Não entendi nada, edite sua pergunta, está muito ampla.
    – user94336
    Commented 7/11/2017 às 1:42
  • 1
    Poderia melhorar o texto de sua dúvida? Seu título está totalmente não específico e vejo muita sujeira em seu texto. E o seu código não está devidamente marcado como código pelo markdown (dica, seleciona o trecho de código e pressione ctrl+k) Commented 7/11/2017 às 1:43
  • Pela segunda foto pude observar que não estás declarando as variaveis, pode ser que o formulario que voce criou está com os inputs de mesmo nome que o do de cadastro, ex: no primeiro form(login) tem input com o name="usuario" e no form de cadastro tem um input com o mesmo nome, ele está pegando o valor do primeiro formulario Commented 7/11/2017 às 1:48
  • Mas tipo, se não forem usados inputs de mesmo nome tanto no cadastro quanto no login, não terá como registrar as informações nos lugares certos Commented 7/11/2017 às 19:27
  • Obrigado pela ajuda pessoal Commented 7/11/2017 às 19:27

1 Resposta 1

0

Experimente fazer assim, está faltando um igual no new FormData e na url, como está no mesmo local somente coloque o nome do documento, comentei de uma olhada

<section class="containerreg">
      <h1><font color="#fb6e14">Sign Up</font></h1>
      <p id="cadastra"> </p>
      <form id="cadastra_user" method="POST" action="">
        <p><input type="text" name="name" value="" placeholder="Complet name"></p>
        <p><input type="text" name="user" value="" placeholder="Username"></p>
        <p><input type="text" name="email" value="" placeholder="E-mail"></p>
        <p><input type="password" name="senha" value="" placeholder="Password"></p>

        <button type="submit" value="Enviar" class="btn btn-primary" />Sign Up</button>
        </form>
    </section>
    <script type="text/javascript">
    $(function(){
        $('#cadastra_user').submit(function(event){
            event.preventDefault();

            //AQUI FALTA UM IGUAL var formDados = new FormData($(this)[0]);

            var formDados = new FormData($(this)[0]);
            $.ajax({

                //Como está no mesmo local você poderia fazer assim somente 
                //deixar o nome do documento

                url:'addUsuario.php',
                type:'POST',
                data:formDados,
                cache:false,
                contentType:false,
                processData:false,
                success: function(data){
                    $('#cadastra').html(data);
                    alert('Cadastrado com sucesso!');
                },
                dataType: 'html'
            });
            return false;
        });
    });
    </script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .