将登录数据从ajax传递到php脚本

Deepen Saha 发表于 Dev

加深萨哈

这是我在html页面中的脚本：

<script>
    $(document).ready(function(){
        $('#form').on('submit',function(e){
            var loginid=$('#loginid').val();
            var password=$('#password').val();
            alert("loginid="+loginid);
            $.ajax({
                 type: "POST", 
                 url: "../controller/login_check.php",
                 data: {loginid:loginid,password:password},
                 success: function(html) {
                     //alert(html);
                     $('#status').html(html);
                 }
            });
        });
    });
</script>

我试图从html输入框中获取值，然后将这些值传递给ajax代码，然后将其传递给php脚本，然后该脚本将验证登录ID和密码并回显消息

php脚本：

<?php
    require_once('dbconfig.php');
    //if (isset($_POST['signin'])) {
        $loginid = $_POST['loginid'];
        $password = $_POST['password'];

        if ($operations->login($loginid, $password)) {
            header("Location:../view/admin_home.php");
        } else {
            echo "wrong details";
        }
    //}
    $conn = null;
?>

html div应该在哪里打印消息：

<div id="status"></div>

当我在浏览器中运行代码时，未显示任何错误，但代码不起作用，也未显示消息，也未完成验证。

安德烈·卡多佐（Andre Cardoso）

我的贡献：

在ajax请求中，我建议您结束php脚本，可以使用简单的die（）;。为了这。此后，您必须打印响应，可以使用数字或字符串模式来显示以下内容：“成功”或“失败”，也可以是：1或0。

这是带有新解决方案的相同示例：

<script>
    $(document).ready(function(){
        $('#form').on('submit',function(e){
            var loginid = $('#loginid').val();
            var password = $('#password').val();
            e.preventDefault(); //for avoiding conflict with default form function
            $.ajax({
                 type: "POST", 
                 url: "../controller/login_check.php",
                 data: {loginid: loginid, password: password},
                 success: function(response) {
                     if (response == 'success') {

                         // if a successful response, redirect your client
                         window.location.href = '../view/admin_home.php';
                     } else {

                         // if login fails, put a message on screen
                         $('#status').html('Wrong credentials, try again.');
                     }
                 }
            });
        });
    });
</script>

不要忘记在php中过滤数据，永远不要信任您的用户！

require_once('dbconfig.php');

// pre setting a response status as fail, this avoid you to use an
// else statement
$result = 'fail';

if (isset($_POST['signin'])) {

    // Apply filter and sanitize data, if the loginid is an e-mail 
    // use the FILTER_SANITIZE_EMAIL else a simple string filter is ok.
    $loginid = filter_input(INPUT_POST, 'loginid', FILTER_SANITIZE_EMAIL);
    $password = filter_input(INPUT_POST, 'password', FILTER_SANITIZE_STRING);

    if($operations->login($loginid,$password)){

        // If everything is ok, you just override the response message
        $result = 'success';
    }
}

// Ath the end you simply close the connection, print the response and
// stops the PHP script
$conn = null;
print(result);
die();