Ich versuche, Daten aus einem Formular in eine MySQL-Datenbank einzufügen. Der Ort, an dem ich denke, dass das Problem ist, ist, wo ich den Knopf im HTML verwende, warum ich das alles kopiert habe. Jede Hilfe wäre willkommen!Einfügen in die Datenbank (mysql) mit Ajax und PHP
Wenn ich den Submit-Button drücke, blinkt die Seite und nichts wird in die DB eingefügt. Es sollte ein grünes Feld angezeigt werden, das besagt, dass der Datensatz auf der HTML-Seite übergeben wurde.
Da einige Leute mehr besorgt sind Im Aufbau eines Authentifizierungssystems dann was falsch ist. Dies ist NICHT ein Authentifizierungssystem, es ist nur ein Beispiel dafür, wie Sie in eine MySQL-Datenbank einfügen.
Index.HTML
<!DOCTYPE html>
<html lang="en">
<head>
\t <title>Bootstrap Example with Ajax</title>
\t <meta charset="utf-8">
\t <meta name="viewport" content="width=device-width, initial-scale=1">
\t <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
\t <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
\t <script src="js/insert.js"></script>
\t
\t <style>
\t .custom{
\t \t margin-left:200px;
\t }
\t </style>
</head>
<body>
<div class="container">
\t <h2 class="text-center">Insert Data Using Ajax</h2>
\t
\t <br/>
\t <p id="alert" style="display:none;" class="alert alert-success text-center"><i class="glyphicon glyphicon-ok"></i><span> id="show"</span></p>
\t <br/>
\t <hr/>
\t <form class="form-horizontal" role="form" method="POST">
\t \t <div class="form-group">
\t \t \t <label class="col-sm-2 control-label">Name</label>
\t \t \t \t <div class="col-sm-10">
\t \t \t \t \t <input class="form-control" id="name" type="text" placeholder="Enter you name">
\t \t \t \t </div>
\t \t \t </div>
\t \t \t <div class="form-group">
\t \t \t \t <label for="email" class="col-sm-2 control-label">Email</label>
\t \t \t \t <div class="col-sm-10">
\t \t \t \t \t <input class="form-control" id="email" type="text" placeholder="Your Email...">
\t \t \t \t </div>
\t \t \t </div>
\t \t \t <fieldset >
\t \t \t \t <div class="form-group">
\t \t \t \t \t <label for="password" class="col-sm-2 control-label">Password</label>
\t \t \t \t \t <div class="col-sm-10">
\t \t \t \t \t <input class="form-control" id="password" type="text" placeholder="Your Password...">
\t \t \t \t </div>
\t \t \t </div>
\t \t \t <div class="form-group">
\t \t \t \t <label for="gender" class="col-sm-2 control-label">Gender</label>
\t \t \t \t <div class="col-sm-10">
\t \t \t \t <select id="gender" class="form-control">
\t \t \t \t \t <option value="Male">Male</option>
\t \t \t \t \t <option value="Female">Female</option>
\t \t \t \t </select>
\t \t \t \t </div>
\t \t \t </div>
\t \t <div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
</div>
</body>
</html>
\t \t \t
\t \t \t
\t \t \t \t
insert.php
<?php
\t //Create connection
\t $connection = mysqli_connect('localhost','username','passwd','dbName');
\t
\t if($_REQUEST['name']){
\t $name = $_REQUEST['name'];
\t $email = $_REQUEST['email'];
\t $password= $_REQUEST['password'];
\t $gender = $_REQUEST['gender'];
\t
\t $q = "INSERT INTO user VALUES ('','$name', '$email', '$password', '$gender')";
\t
\t $query = mysqli_query($connection,$q);
\t if($query){
\t \t echo ' Data Inserted Successfully'
mysql_close($connection);
\t \t }
\t }
?>
js/insert.js
$(document).ready(function(e) {
\t $('#submit').click(function(){
\t \t var name = $('#name').val();
\t \t var email = $('#email').val();
\t \t var password = $('#password').val();
\t \t var gender = $('#gender').val();
\t \t
\t \t $ajax({
\t \t \t type:'POST',
\t \t \t data:{name:name,email:email,password:password,gender:gender},
\t \t \t url:"insert.php", //php page URL where we post this data to save in databse
\t \t \t success: function(result){
\t \t \t
\t \t \t \t $('#alert').show();
\t \t \t \t
\t \t \t \t $('#show').html(result);
\t \t \t \t \t \t
\t \t \t \t
\t \t \t }
\t \t })
\t });
});
Was genau ist das Problem? Was funktioniert nicht? – WillardSolutions
Sie erkennen, dass dies nie geschlossen wird "Echo" Daten erfolgreich eingefügt "und sollte Ihnen einen Parse-Fehler darüber geworfen haben. Sie haben uns auch nicht gesagt, welche Fehler Sie möglicherweise bekommen (das ist, wenn Sie überhaupt nach ihnen suchen), was macht es, Echo, usw.Also, überprüfe das und die Konsole. –
Wenn ich den Submit-Button drücke, blinkt nur die Seite, und nichts ist in der DB. Auf der Seite sollte oben ein grünes Feld angezeigt werden, in dem ein Datensatz hinzugefügt wird. – Colin