【独家】PHP与MySQLi交互教程（续）

发布时间：2024-03-07 09:01:27 所属栏目：PHP教程来源：小张写作

导读： 在上篇文章中，我们介绍了如何使用HTML、PHP和MySQL创建一个简单的交互页面，实现了输入框内容查询并在HTML页面显示。但是，频繁地跳转页面可能会让用户感到不便。为了解决这个问题，我们可以使用AJAX技术来实现无刷

在上篇文章中，我们介绍了如何使用HTML、PHP和MySQL创建一个简单的交互页面，实现了输入框内容查询并在HTML页面显示。但是，频繁地跳转页面可能会让用户感到不便。为了解决这个问题，我们可以使用AJAX技术来实现无刷新的数据交互。本篇文章将详细介绍如何使用PHP、MySQLi和AJAX技术实现一个更加便捷的交互页面。
首先，我们需要对原有的PHP代码进行一些修改，以便在AJAX请求中传递数据。以下是修改后的login.php代码：
```php
<?php
//连接数据库
$servername = "localhost";
$username = "root";
$password = "your_password";
$dbname = "your_database";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
//获取表单数据
$name = $_POST['name'];
$password = $_POST['password'];
//查询数据
$sql = "SELECT * FROM users WHERE name = '$name' AND password = '$password'";
$result = $conn->query($sql);
if ($result->num_rows >0) {
echo "登录成功";
} else {
echo "登录失败";
}
$conn->close();
?>
```
接下来，我们需要创建一个HTML文件，其中包含一个用于输入用户名和密码的表单，以及一个用于显示查询结果的元素。以下是HTML代码：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PHP与MySQLi交互教程</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form id="login-form">
<input type="text" id="name" placeholder="请输入用户名">
<input type="password" id="password" placeholder="请输入密码">
<input type="button" id="login-btn" value="登录">
</form>
<div id="result"></div>
<script>
$("#login-btn").on("click", function() {
var name = $("#name").val();
var password = $("#password").val();
$.ajax({
url: "login.php",
method: "POST",
data: {
name: name,
password: password
},
success: function(response) {
$("#result").html(response);
},
error: function() {
$("#result").html("登录失败");
}
});
});
</script>
</body>
</html>
```
在这个示例中，我们使用了jQuery库来处理AJAX请求。当用户点击登录按钮时，表单数据将通过AJAX发送到login.php文件。login.php文件将查询数据库并返回查询结果。然后，JavaScript代码将结果显示在页面上。
通过这种方式，我们实现了在一个页面上完成用户名和密码的输入以及查询操作，无需跳转页面，提高了用户体验。
总之，本文介绍了如何使用PHP、MySQLi和AJAX技术实现一个简单的交互页面。通过修改原有的PHP代码和添加JavaScript代码，我们成功实现了在同一个页面上完成登录操作和查询结果展示。这将有助于提高用户在使用过程中的体验。

（编辑：鹰潭站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!