输入登录数据,通过AJAX发送到服务器并显示结果

时间:2018-10-03 09:43:51

标签: php jquery

在表单上,​​我有一个POP-up表单。我使用该表格登录框。在框中,输入用户登录名和密码。然后,我单击“登录”按钮以关闭弹出窗口,然后 然后将USERLOGIN和PASSWORD传送到我的服务器进行验证,结果显示为(a)有效用户(“ bruger”)。

但是我无法从服务器获得正确的结果(可能是因为我使用了错误的语法)。但是我不知道如何纠正它。

任何帮助纠正此问题的方法都会受到赞赏。

这里是代码:我单击一个按钮-弹出POP:

<script type="text/javascript">
$(document).ready(function()
{
    $("#loggin").on('click', function()
    {

var username = $('#muser').val();
var password = $('#mpasw').val();


//      str = $("#muser").val() + ";;" + $('#mpasw').val();
//      alert($("#muser").val() + " -- " + $('#mpasw').val() + " -- " + str);
        $("#popup-overlay").css({ visibility: "hidden"});
        $("#popup-content").css({ visibility: "hidden"});

        $(function(){
        $.ajax({
            type: "POST",
            url: 'getdata.php',
            data: ({username:username, password: password },
            success: function(data) 
            {
          //      alert(data);
                $('#bruger').text(data);
            }
        });
      });
    });
}); 

和服务器文件是这样的:

<?php
//
//  TESTING , IF LOGIN DATA ENTERS CORRECTLY ..
//
//  IF YES,  OPEN DATABASE AND LOCATE USER.. AND RETURN USER 
//  
//  will be implemented later - tests for now...
//

if($_POST["username"] === null)
{
    $username = "";
}
else
{
    $username = $_POST["username"];
}

if($_POST["password"] === null)
{
    $password = "";
}
else
{
    $password = $_POST["password"];
}

    echo 'Bruger: OLE-BOLE "'.$password.'"'; 

exit;
?>

0 个答案:

没有答案