javascript - 使用 AJAX 和 PHP 验证简单密码

标签 javascript php ajax passwords password-protection

我有一个希望很简单的问题需要解决。我们正在尝试使用一个简单的密码来保护我们网站安全部分内的链接。基本上,在我们传统的安全站点内,我们有一个动态驱动的记录表,上面有一个小挂锁图标,可以在锁定和解锁之间来回切换。网站的这一部分传统上已经受到保护,只有授权用户才能访问。因此,我们只想实现这种不太安全的静态 PHP 密码身​​份验证系统,它允许用户锁定和解锁该表中的记录。基本上一旦他们在表中创建记录,他们就可以选择单击锁定图标(这显然会锁定记录),但只有那些具有简单硬编码 pin 的用户才能在记录被锁定后解锁记录(即所有用户都可以锁定,但并非所有用户都可以解锁)。因此,我尝试编写一个简单的 PHP + AJAX pin 系统。我的其他管理员坚持使用服务器端解决方案。他拒绝为此使用基本的 javascript,我同意。它仍然需要一定程度的安全性。到目前为止,这是我所拥有的,但我对 AJAX 很陌生(几分钟),显然有些东西不起作用。这是一个名为 pin.php 的文件(所以基本上页面提交给自己)

UNLOCK 链接模拟用户单击以解锁记录的锁定图标。

<html>
<script src="js/jquery.js" type="text/javascript"></script>
<?php
    $static_password = "1234";
    if(isset($_POST['data'])){
        $submit_password = $_POST['data'];
        if($submit_password == $static_password){
            echo "Do the unlock stuff";
        }
        else{
            echo "Sorry try again";
        }
    }
?>
<body>
<h2>Simple AJAX PHP Example</h2>
<a href="javascript:Unlock();">UNLOCK</a>
<script>
function Unlock() {
    var pin=prompt("You must enter pin to unlock");
    $.ajax(
    {
        url: 'pin.php',
        type: 'POST',
        dataType: 'text',
        data: {data : pin},
        success: function(response)
        { 
            console.log(response);
        }
    });
}
</script>
</body>
</html>

非常感谢任何帮助。谢谢

最佳答案

这符合我的预期:

<?php
    $static_password = "1234";
    if(isset($_POST['data'])){
        $submit_password = $_POST['data'];
        if($submit_password == $static_password){
            die("Do the unlock stuff");
        }
        else{
            die("Sorry try again");
        }
    }
?><!DOCTYPE html><html>
<head>
    <script src="jquery-3.1.0.min.js" type="text/javascript"></script>
</head>
<body>
<h2>Simple AJAX PHP Example</h2>
<a href="javascript:Unlock();">UNLOCK</a>
<script>
function Unlock() {
    var pin=prompt("You must enter pin to unlock");
    $.ajax(
    {
        url: 'pin.php',
        type: 'POST',
        dataType: 'text',
        data: {data : pin},
        success: function(response)
        { 
            console.log(response);
        }
    });
}
</script>
</body>
</html>

关于javascript - 使用 AJAX 和 PHP 验证简单密码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40684999/

相关文章:

php - cakephp 一对多自定义关系连接

javascript - 刷新数据并在时间间隔后重置倒计时器

javascript - 文件上传后提交 Jquery 表单

javascript - 如何将对象的每个值放入数组中

javascript - 当我在参数中传递另一个东西时意外使用事件

javascript - 匹配jquery数据属性后获取子元素

javascript - 将文件发送到 PHP 文件 XMLHttpRequest 对象 返回数据 Javascript

javascript - SoundManager2 - 停止声音时失真

PHPStorm 7 在 Windows 上找不到 PHP 解释器

php - 如何在 Laravel 上检查 Debug模式