使用ajax提交表单，php后台验证的例子

最新推荐文章于 2021-04-13 15:32:56 发布

江上一之舟

最新推荐文章于 2021-04-13 15:32:56 发布

阅读量303

点赞数 1

分类专栏：数据交互 javascript 文章标签： jquery php ajax 前端 html

本文链接：https://blog.csdn.net/qq_40077472/article/details/78670879

版权

javascript 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

数据交互

1 篇文章 0 订阅

订阅专栏

前言：今天脑海忽然有一个想法，就是怎么样实现前端输入用户名和密码，用post提交表单数据，后台用php进行验证。

在网上百度了一下，关于提交前端数据的方法有很多，总结了一下，大概有form表单提交，Jquery的Ajax方法提交，POST提交。

但在网上找了很多，关于php怎么处理数据的却很少，于是我想尝试写一个比较完整的前后台交互的小例子。

html部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>one</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="login">
<h1>登录</h1>
<input id="username" type="text" name="username" placeholder="请输入用户名">
<input id="password" type="password" name="password" placeholder="请输入密码">
<input class="button" type="button" name="login" value="登录" οnclick="login()">
</div>
</body>
</html>

js部分： <script type="text/javascript">
function login() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;

$.post("php/login.php", {
username,
password
}, function(data, status){
if (data == "fail") {
alert("登录失败，用户名或者密码错误！")
} else {
alert("登录成功");

}
});
}
</script>

php部分：

<?php

$servername = "localhost";
$username = "数据用户名";
$password = "数据库密码";

// 创建连接
$conn = new mysqli($servername, $username, $password, '你创建的数据库名');

// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}

$username = $_POST["username"];
$password = $_POST["password"];

$sql = "SELECT * FROM 你创建的数据库名 WHERE name = '" . $username . "' AND password = '" . $password . "'";

// echo $sql;
$result = $conn->query($sql);

// print_r($result);
// echo $result;
if ($result->num_rows > 0) {
echo "success";
} else {
echo "fail";
}
?>