我是一名学生，仍然是 Javascript 和 php 的新手，我需要为我的网站创建一个登录页面，该页面可以使用 ajax 检查数据库中的用户输入。
示例:当用户在给定的字段中输入用户名和密码时，系统将自动在数据库中检查用户是否存在，并从响应表中返回所需的数据，例如用户责任到下面的下拉菜单中，然后他们就可以登录系统了。 以下是我的基本编码:
配置.php:
e$host = "localhost";
$User = "root"
$Pass = "passw";
$db = "skm_spm";
登录.php:
<?
require ("config.php");
$conn=mysqli_connect($host,$user,$pass,$db);
$duser="select * from tab_user where user_name = '".$_POST["Lname"]."'";
$uresult=myqli_query($conn,$duser);
if(!$uresult)
die("Invalid query: ".mysqli_error());
else
if(mysqli_num_rows($uresult)== 0){
echo "User does not exist";
}
else
{
$row=mysqli_fetch_array($result,MYSQL_BOTH);
if($row["User_Password"] == $_POST["Lpass"])
{
$dresp="select resp_id,resp_name from tab_resp";
$result2 = mysqli_query($conn,$dresp);
}
else
{
}
}
?>
<html>
<b>Login</b><br>
Name : <input type = "text" name="Lname" id="Lname" placeholder="Username"/><br>
Password: <input type = "password" name="Lpass" id="Lpass" placeholder="password"/><br><br>
<div class = "optresp">
<select name="sresp" id="sresp">
<option>--Responsibility--</option>
<?
while (mysqli_fetch_array($result2)){
echo "<option value='$row[1]'>$row[1]</option>";
?>
</select>
</div>
</html>
我在网上学习并尝试用我的理解编码，但仍然失败。我需要一个可以与上面的代码一起使用的 php ajax 编码。 谢谢。
最佳答案
我将向您提供我最近项目中的一些代码，希望您能够理解它并根据您的需要进行调整。
首先，您应该将登录表单与 PHP 登录代码放在一个单独的文件中。然后在页面上有按钮或运行 Javascript 函数的输入事件，在我的例子中是 Login()。在这个 Javascript 函数中，输入字段中的文本被保存到两个变量中，并对它们进行一些基本检查以确保它们已被填写。接下来，PHP 登录函数文件(它没有可见的内容，只是处理一些数据在 PHP 中)使用 $.post 行。这还将两个输入变量(同名)传递给 PHP 文件。您还可以看到，根据作为“数据”从 PHP 文件返回/回显的内容，可能会出现几种可能的结果(登录成功、帐户被禁止或登录无效)。我个人将这些结果称为错误消息或成功消息，例如，密码/用户名不正确的错误消息 6。
//FUNCTIONS
function Login(){
var StrUsername = $("#txtUsername" ).val();
var StrPassword = $("#txtPassword").val();
if (StrUsername == "" && StrPassword == ""){
$('#pError').text('Enter your Username and Password!');
}
else if(StrUsername == ""){
$('#pError').text('Enter your Username!');
}
else if(StrPassword == ""){
$('#pError').text('Enter your Password!');
}
else{
$.post('https://thomas-smyth.co.uk/functions/php/fnclogin.php', {StrUsername: StrUsername, StrPassword: StrPassword}, function(data) {
if (data == 0){
window.location.href = "https://thomas-smyth.co.uk/home";
}
else if (data == 1){
window.location.href = "https://thomas-smyth.co.uk/banned";
}
else if (data == 6){
$('#pError').text('Username & Password combination does not exist!');
}
});
}
}
接下来是 PHP 函数文件。首先，使用 $_POST 收集 Javascript 传递的变量。然后我的 SQL 类被拉入文件，这完成了我所有的 SQL 数据库连接。然后我的 SQL 语句将搜索该帐户是否存在。注意其中的?。这可以防止 SQL 注入(inject)，因为变量通过 SQL 服务器绑定(bind)到语句中，这意味着它不会允许人们将 SQL 代码放入我的输入字段以破坏我的数据库。然后我检查该帐户是否存在，如果不存在我将数据保存到 6，这将导致返回数据时运行 Javascript 中的错误消息 6。我的数据库中有一个包含排名的字段。如果登录正确，那么我创建一个 SESSION 变量来存储他们的用户名和排名。稍后在页面上使用它来检查他们是否在显示页面之前登录(这加快了导航速度，因为这意味着数据库没有每次用户切换页面时都需要搜索，但是确实会带来一些问题，例如如果您在用户登录时禁止用户，他们将保持登录状态直到他们的 session 结束)。您可以在下拉菜单中使用它来确保用户已登录和/或获取他们的用户名。最后，我返回 0 或 1，以便 Javascript 将它们重定向到正确的页面。
<?php
//Retrieves variables from Javascript.
$StrUsername = $_POST["StrUsername"];
$StrPassword = $_POST["StrPassword"];
require "sqlclass.php";
$TF = new TF_Core ();
$StrQuery = "
SELECT Username, Rank FROM tblUsers
WHERE Username = ? AND Password = ?";
if ($statement = TF_Core::$MySQLi->DB->prepare($StrQuery)) {
$statement->bind_param('ss',$StrUsername,$StrPassword);
$statement->execute ();
$results = $statement->get_result ();
if($results->num_rows == 0){
$data = 6;
}
else {
while ($row = $results->fetch_assoc()) {
//Other groups
if ($row["Rank"] == "Developer" || $row["Rank"] == "Staff" || $row["Rank"] == "Cadet"){
session_start();
$_SESSION["LoginDetails"] = array($StrUsername, $row["Rank"]);
$data = 0;
}
//Banned
else if ($row["Rank"] == "Banned"){
session_start();
$_SESSION["LoginDetails"] = array($StrUsername, "Banned");
$data = 1;
}
}
}
}
echo $data;
?>
希望对您有所帮助。如果您需要更多帮助，请说出来!
关于javascript - Ajax 相关的文本字段和下拉菜单(PHP 和 Javascript)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42573606/