Question

编码时的新功能。因此，部分作业要求我通过JSON验证登录凭据。 user.json文件将如下所示：。首先是电子邮件地址，然后是密码。

{
"mary@mary.com":"12345678",
"joseph@gmail.com":"293sfvdet"
}

我的网站将要求登录，并将通过JSON验证信息。我只允许使用JSON，JS和HTML。我对JSON绝对不熟悉。

我想知道如何通过JS访问JSON文件，以及如何使用JSON进行验证。

Answer 1

您可以在页面中链接本地json文件：

<script type="text/javascript" src="user.json"></script>

然后您可以像使用它一样

var userdata = JSON.parse(user);

Answer 2

首先（尽管您可能已经知道了这一点）这根本不是一种实现登录的安全方法，但是我认为，由于这是为您分配的，因此这并不是真的与您相关。无需将用户数据写入单独的JSON文件中，您可以像这样在JS代码中声明一个常量：

const users = {
  "mary@mary.com":"12345678",
  "joseph@gmail.com":"293sfvdet"
}

之后，您可以仅以此验证输入的凭据。您可能需要阅读this来了解有关javascript对象的更多信息。

Answer 3

您将要使用Javascript读取JSON文件的内容。（jQuery can help with this，如果允许使用库，则look into fetch）。

然后，您将获取返回的对象，其外观类似于：response = { "mary@mary.com":"12345678", "joseph@gmail.com":"293sfvdet" }，并检查输入的电子邮件/密码是否与json中的任何记录匹配。

var enteredEmail = 'mary@mary.com';
var enteredPassword = '12345678';
if(response[enteredEmail] == enteredPassword){
    // login validated. 
}

正如其他用户所指出的那样，将用户信息存储在这样的JSON文件中并不是安全的做法-也不实用。但是，如果这只是一项任务，那应该可以工作。