1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Eu fiz este simples formulário, mas não está cadastrando os dados. OBS. banco no phpmyadmin

> <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PDMaker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="">
</head>
<body>

    <div class="container">
        <p></p>
        <button class="btn btn-primary" data-toggle="modal" data-target="#addData">Insert Data</button>
        <!-- Modal -->
        <div class="modal fade" id="addData" tabindex="-1" role="dialog" aria-labelledby="addLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="addLabel">Insert Data</h4>
              </div>
              <form>
                  <div class="modal-body">

                    <div class="form-group">
                        <label for="nm">Full Name</label>
                        <input type="text" class="form-control" id="nm">
                    </div>
                    <div class="form-group">
                        <label for="em">E-mail</label>
                        <input type="text" class="form-control" id="em">
                    </div>
                    <div class="form-group">
                        <label for="hp">Phone Number</label>
                        <input type="number" class="form-control" id="hp">
                    </div>
                    <div class="form-group">
                        <label for="al">Address</label>
                        <textarea class="form-control" id="al"></textarea>
                    </div>

                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" onclick="saveData()">Save</button>
                  </div>
              </form>
            </div>
          </div>
        </div>
        <p></p>
    </div>

    <script type="text/javascript">
        function saveData(){
            var name = $('#nm').val();
            var email = $('#em').val();
            var phone = $('#hp').val();
            var address = $('#al').val();

            $.ajax({
                type: "POST",
                url: "server.php?p=add",
                data: "nm="+name+"&em="+email+"&hp="+phone+"&al="+address,
                success: function(msg){
                    $('#result').html("<br><div class='alert alert-info'>"+msg+"</div>");
                }
            }).done(function(msg){
                $('#result').html("<br><div class='alert alert-info'>"+msg+"</div>");
            });
        }
    </script>
    <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
    <script type="text/javascript" src=""></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>




//php é outro arquivo...

<?php 

    $db = new PDO('mysql:host=localhost;dbname=ajaxdata','root','usbw');
    $page = isset($_GET['p'])?$_GET['p']:'';

    if($page=='add'){
        $name = $_POST['nm'];
        $email = $_POST['em'];
        $phone = $_POST['hp'];
        $address = $_POST['al'];
        $stmt = $db -> prepare("INSERT INTO crud VALUES('',?,?,?,?");
        $stmt -> bindParam(1,$name);
        $stmt -> bindParam(2,$email);
        $stmt -> bindParam(3,$phone);
        $stmt -> bindParam(4,$address);
        $stmt -> execute();
    }
    else if($page=='edit'){

    }
    else if ($page=='del') {

    }
    else{

    }
 ?>
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript php html mysql ou faça a sua própria pergunta.