php - 使用 jquery ajax 将数据发布到数据库时遇到问题
问题描述
我已经多次查阅教程,但无法找出我的代码错误的地方。我能够运行我的 php 文件并将我的信息发送到我的数据库中,所以我知道我的连接不是问题,所以我认为它是我的 index.html 文件。这可能与我尝试实现 jquery 的方式有关,但我也不知道
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="login.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#login').click(function(event){
event.preventDefault();
var username =$('#use').val();
var pass = $('#pass').val();
$.ajax({
url: 'login.php',
method:'POST',
data:
{
User: username,
Pass: pass
},
success:function(result){
alert(result);
}
});
});
});</script>
</head>
<body>
<div class="login-page">
<div class="form">
<form class="register-form">
<input type="text" placeholder="name"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="email address"/>
<button>create</button>
<p class="message">Already registered? <a href="#">Sign In</a></p>
</form>
<form class="login-form">
<input type="text" id="use" placeholder="username"/>
<input type="password" id="pass" placeholder="password"/>
<button type="submit" id="login">login</button>
<p class="message">Not registered? <a href="#">Create an account</a></p>
</form>
</div>
</div>
</body>
</html>
连接到我的数据库的 PHP 代码
<?php
$dbname = 'project test';
$dbuser = 'root';
$dbpass = '';
$dbhost = 'localhost';
$username=$_POST['use'];
$password=$_POST['pass'];
$conn= mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO user (User, Pass)
VALUES ('{$username}','{$password}')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close(); ;
?>
解决方案
在您的 index.html 文件中,您正在发送User
和Password
值 但是,当您尝试在 php 文件中获取它们时,您正在尝试获取use
和pass
值。他们的名字不匹配。名称需要匹配才能正确获取值。
推荐阅读
- c - C - 实践 - 结构和函数 - 输入错误
- sqlalchemy - 将 sql top20 表达式转换为 sqlalchemy
- clojure - 结合'let'和'letfn'
- apache-spark - 如何对pyspark中的数据帧进行算术运算?
- javascript - React Context - 如何检测哪个组件正在调用上下文?
- excel - 将 VBA 与表一起使用
- python - 在 excel 中正确显示 .csv
- google-cloud-platform - 如何在 Cloud Build 中运行 beta gcloud 组件,例如“gcloud beta artifacts docker images scan”?
- delphi - 在德尔福等待两个事件的最佳方式
- ruby-on-rails - 在 Rails 应用程序中在哪里设置条带 API 密钥?