获取用户名和密码,这个代码是否正确?

问题描述 投票:1回答:1

我在html中有一个html登录页面,如下所示

<html>

<head>
    <title>Login Page</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <form id="myform" action="API.html" method="get">
        Username : <input type="text" name="username" required><br /><br />
        Password : <input type="text" name="password" required><br /><br />
        <input type="submit" id="sub" name="submit">
    </form>
</body>

</html>

我有另一个html页面,上一页的操作页面

<!DOCTYPE html>
<title>API INTEGRATION</title>
<link rel="shortcut icon" href="">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>

<body>
    <script>
        var username = "........";
        var password = "........";

        if ($.get("username") == username && $.get("password") == password) {
            var settings = {
                "async": false,
                "crossDomain": true,
                "url": "https://........../test2/api/v1/sdk_initialize",
                "method": "GET",
                "headers": {
                    "Content-Type": "application/json",
                    "cache-control": "no-cache",
                    "Authorization": "Basic " + btoa(username + ":" + password),
                }
            }
            var result = $.ajax(settings).done(function(response) {

            });

            var token = result.responseJSON;
            var settings = {
                "async": false,
                "crossDomain": true,
                "url": "https://........./test2/api/v1/Events/10?search=All ",
                "method": "GET",

                "headers": {
                    "Content-Type": "application/json",
                    "cache-control": "no-cache",
                    "Token": token,
                }
            }

            $.ajax(settings).done(function(response) {
                console.log(response);
            });
        } else {
            alert("incorrect Login Details");
        }
    </script>
</body>

</html>

我正在尝试从登录页面获取用户名和密码,然后想要将其与我设置的用户名和密码进行比较,如果它是正确的,那么执行某项任务会将输出提供为不正确的登录详细信息。但我总是得到一个输出“不正确的登录详细信息”而不是json对象,即使我使用相同的登录凭据?我也想知道($.get("username")==username && $.get("password")==password)这个代码是对还是不对?

javascript jquery html node.js
1个回答
0
投票

更新的答案。

据我所知,您有一个登录表单,当表单提交时,它会导航到您验证它的另一个页面。

在这种情况下,我可以看到您使用method="get"作为登录表单。哪种方式不好。因为它将被附加在网址中,并且它将对人们可见并且不安全。

无论如何,如果是这种情况,那么你可以从网址获取它:

var formdata = window.location.search.split('&');
var user = formdata[0].split('=')[1];
var pass = formdata[1].split('=')[1];

if (user == username && pass == password) {
© www.soinside.com 2019 - 2024. All rights reserved.