使用jQuery,阿贾克斯和放大器登录检查; PHP放大器、jQuery、阿贾克斯、PHP

2023-09-10 14:34:20 作者:再见,我的少年

我一直在试图理解jQuery的运行,同时检查用户的登录信息。我创建这些页面:

在db.php中(DB连接) signin.html(登录表格) check.php(登录检查 - MySQL的选择) myscript.js(jQuery的)

的登入方式:

 <脚本SRC =JS / jquery.min.js>< / SCRIPT>
<脚本SRC =JS / myscript.js>< / SCRIPT>

< D​​IV ID =登录表单>
 <标签>请登录< /标签>< BR />
 <形式ID =myForm的行动=check.php方法=邮报>
 <输入名称=EMAILIDID =电子邮件类型=文本占位符=输入你的邮箱ID/>< BR />
 <输入名称=密码ID =通类型=密码占位符=请输入密码/>< BR />
 <按钮ID =提交>登录< /按钮>
 < /形式GT;
< / DIV>
< D​​IV ID =确认>< / DIV>
 

myscript.js

  $(文件)。就绪(函数(){
   $(#提交)。点击(函数(){
        警报(HI);
        如果($(#邮件)。VAL()==|| $(#传)。VAL()==)
            $(#DIV ACK)HTML(请输入电子邮件和传递)。
        其他
            $。员额($(#myForm会)。ATTR(行动),
                    $(#myForm的:输入)serializeArray()。
                    功能(数据){
                        $(#DIV ACK)HTML(数据);
                    });
        $(#myForm会)。递交(函数(){
            返回false;
        });
     });
    });
 

check.php

  $电子邮件= $ _ POST ['EMAILID'];
$传球= $ _ POST ['密码'];
包括db.php中;
$ SQL =学生SELECT COUNT(*),其中电子邮件=$电子邮件和密码='$及格;;
$结果= mysqli_query($ CON,$ SQL);
$行= mysqli_fetch_array($结果);
如果($行[0]&0)
    回声发现结果;
其他
    回声没有结果;
 
php 注册代码成功后 在数据库中查询怎么没有呢

一切工作正常。唯一的问题是,数据是没有得到张贴。 $ _ POST []正在接收即使我输入值空值。

请帮忙。

解决方案

改变了code和它现在的工作。感谢您的投入。

我张贴了错误的数据。

  $(文件)。就绪(函数(){
  $(#键提交)。点击(函数(){
        警报(HI);
        E = $(#邮件)VAL()。
        P = $(#通)VAL()。
        如果($(#邮件)。VAL()==|| $(#传)。VAL()==)
            $(#DIV ACK)HTML(请输入电子邮件和传递)。
        其他
            $。员额($(#myForm会)。ATTR(行动),
                    // $(#myForm的:输入)serializeArray()
                    {EMAILID:即密码:P},
                    功能(数据){
                        $(#DIV ACK)HTML(数据);
                    });
        $(#myForm会)。递交(函数(){
            返回false;
        });
     });
});
 

I have been trying to understand how jQuery works while checking the login details of a user. I have created these pages:

db.php (DB Connection) signin.html (Login Form) check.php (Login check - MySQL select) myscript.js (jQuery)

Signin Form:

<script src="js/jquery.min.js"></script>
<script src="js/myscript.js"></script>

<div id="loginForm">
 <label>Please Login</label><br/>
 <form id="myForm" action="check.php" method="post">
 <input name="emailid" id="email" type="text" placeholder="Enter your Email ID"/><br/>
 <input name="password" id="pass" type="password" placeholder="Enter your password"/><br/>
 <button id="submit"> Login</button>
 </form>
</div>
<div id="ack"></div>

myscript.js

 $(document).ready(function (){
   $("#submit").click(function (){
        alert("hi");
        if($("#email").val()==""||$("#pass").val()=="")
            $("div#ack").html("please enter email and pass");
        else
            $.post( $("#myForm").attr("action"), 
                    $("#myForm :input").serializeArray(),
                    function(data){
                        $("div#ack").html(data);
                    });
        $("#myForm").submit( function(){
            return false;
        });
     });
    });

check.php

$email = $_POST['emailid'];
$pass = $_POST['password'];
include "db.php";
$sql = "select count(*)from students where email = '$email' and password = '$pass';";
$result = mysqli_query($con,$sql);
$row=mysqli_fetch_array($result);
if($row[0]>0)
    echo "found result";
else
    echo "no result";

Everything is working fine. The only problem is that the data is not getting posted. $_POST[] is receiving null values even though I'm entering the values.

Please help.

解决方案

Changed the code and it's working now. Thanks for your inputs.

I was posting the wrong data.

  $(document).ready(function (){
  $("button#submit").click(function (){
        alert("hi");
        e = $("#email").val();
        p = $("#pass").val();
        if($("#email").val()==""||$("#pass").val()=="")
            $("div#ack").html("please enter email and pass");
        else
            $.post( $("#myForm").attr("action"), 
                    //$("#myForm :input").serializeArray(),
                    {emailid: e, password: p},
                    function(data){
                        $("div#ack").html(data);
                    });
        $("#myForm").submit( function(){
            return false;
        });
     });
});