php - 将图像上的点击次数与数据库中记录的点击次数进行比较

标签 php javascript

我正在为自己开发一个极其简单的登录系统,不打算发布到网上。 我的场景:在注册过程中,用户选择他的用户名并插入所需的登录点击次数,并将其存储在数据库中。在登录过程中,用户将首先输入用户名,然后用户将被重定向到一个页面,在该页面中用户将使用 onclick 函数单击图像来计算点击次数。

问题:如何从 login.php 获取“点击次数”,然后与 checkclick.php 中记录的数据库点击次数进行比较?几天来我一直在尽力寻找自己的想法。然而,我失败了。说实话,我的编程能力很慢而且很弱,所以我希望在这里能得到一些帮助。我的 friend 确实建议我使用 AJAX,但在看完教程后,我不太明白。有人可以帮忙吗?我将不胜感激。

非常感谢您阅读并帮助解决我的问题。

login.php    

<?php
include("connection.php");
$username = $_SESSION["CID"];
$table1=mysql_query("select * from pic_a");
$table2=mysql_query("select * from pic_b");
$table3=mysql_query("select * from pic_c");

$tab1[0]=0;
$tab2[0]=0;
$tab3[0]=0;

$i=0;
while($row=mysql_fetch_assoc($table1))
{
    $tab1[$i]= $row["pic_link"];
    $i++;
}

$i=0;
while($row=mysql_fetch_assoc($table2))
{
    $tab2[$i]= $row["pic_link"];
    $i++;
}

$i=0;
while($row=mysql_fetch_assoc($table3))
{
    $tab3[$i]= $row["pic_link"];
    $i++;
}


$rand1=rand(0,9);
$rand2=rand(0,9);
$rand3=rand(0,9);


?>
<script type="text/javascript">
var count = 0;
function countClicks() {
count = count + 1;
document.getElementById("clicks").innerHTML = count;
}
</script>

<body>
<h1>login</h1>

    <form action = "" name = "allpass" method = "post" enctype = "multipart/form-data">

        <p style="font-size:20px">Username: <?php echo $username;?> </p>
        <p style="font-size:20px">Password:</p>
    <p><table border = 0>

    <td>
        <div STYLE=" height: 800px; width: 165px; font-size: 12px;">
    <table border="1">
         <tr id="bird" onclick="countClicks();">
            <td><img src="password\<?php echo $tab1[$rand1]; ?>" alt="" width="76" height="67"></td>
            <td>Bird</td>
         </tr>
         <tr id="car" onclick="countClicks();">
            <td><img src="password\<?php echo $tab2[$rand2]; ?>" alt="" width="76" height="67"></td>
            <td>Car</td>
         </tr>
         <tr id="computer" onclick="countClicks();">
            <td><img src="password\<?php echo $tab3[$rand3]; ?>" alt="" width="76" height="67"></td>
        </table>
        </div>
        </td>
        </table>
        <p id="clicks">0</p>
        <input type = "submit" style=" height: 25px; width: 75px" value = "Login" name = "submitbtn" />
</form></p>
</div>


</body>
</html>

checkclicks.php
<?php
    include("connection.php");


if(!isset($_GET["username"]) || !isset($_GET["clicks"]))
die("Error");
    $username = $_GET["username"];
    $jsClicks = $_GET["clicks"];
    $phpClicks = null;

$data = mysql_query("SELECT clicks FROM customerdetails WHERE customer_username='$username'");
while($row = mysql_fetch_array($data))
{
$phpClicks = $row["clicks"];
}
    if( $phpClicks == $clicks)
    {
    ?>
    <script type="text/javascript">
        alert("success");
        location = "welcome.php";
    </script>
<?php
} else {
?>
    <script type="text/javascript">
        alert("fail");
        location = "login.php";
    </script>

<?php
}
?>

最佳答案

我认为最简单的解决方案是将 java 变量设置为等于从数据库导入的 php 变量。例如:

function countClicks() {
var myclicks = <?php echo $value_from_database; ?>;
count = count + 1;
if(count >= myclicks){
window.location = "success.html";
}}

关于php - 将图像上的点击次数与数据库中记录的点击次数进行比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14205707/

相关文章:

javascript - 将 PHP 变量传递到 Flot 图表中

javascript - 在 WebWorker 和主线程之间传递二进制数据的最佳做法是什么?

php - 帮助我改进我的持续部署工作流程

php - Mysql查询倒排索引数据

javascript - emscripten_run_script() 在优化构建中被移除

javascript - 如何使用 jquery 递归地附加此树数据?

php - 输入文本只允许 3 个特定字符

php - PDO::prepare() 如何生成 PDOStatement 对象?

php - 快速将虚拟数据插入mysql

javascript - 保存使用 iFrame 打开的文件