1
Я пытаюсь вставить данные из формы в базу данных mysql. Место, где я думаю, проблема, где я использую кнопку в HTML, поэтому я скопировал все это. Любая помощь будет оценена!Вставить в базу данных (mysql) с помощью Ajax и PHP
Когда я нажал кнопку отправки, страница мигает, и в базу данных ничего не вставлено. Он должен отображать зеленую рамку, в которой запись была отправлена на странице html.
Потому что некоторые люди более обеспокоены тем, что я строю систему аутентификации, а затем что не так. Это NOT система аутентификации, ее просто пример того, как вставлять в mysql db.
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 \tinsert.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 });
});
Что именно проблема? Что не работает? – WillardSolutions
вы понимаете, что это никогда не закрыто 'echo 'Data Inserted Successfully'' и должно было вызвать ошибку анализа. Вы также не сказали нам, какие ошибки вы можете получить (это если вы их проверяете вообще), что это делает, эхо и т. Д.Итак, проверьте это и консоль. –
Когда я нажимаю кнопку отправки, она просто мигает на странице, и в базе данных ничего нет. На странице должно отображаться зеленое поле вверху, показывающее добавленную запись. – Colin