这段遍历json文件然后检测的代码用不了，admin正常，如何解决？

button.onclick = () => {

    if (document.querySelector('input[name="username"]').value === 'admin' &&
    document.querySelector('input[name="password"]').value === 'admin') {
      // 跳转到admin.html
      window.location.href = './admin.html';
    } else {
      fetch('./up.json')
        .then(response => response.json())
        .then(data => {
          let loginSuccess = false;
  
          data.forEach(item => {
            if (item.username === document.querySelector('input[name="username"]').value &&
             item.password === document.querySelector('input[name="password"]').value) {
              loginSuccess = true;
            }
          });
  
          if (loginSuccess) {
            // 跳转到user.html
            alert('登录成功！');
            window.location.href = './user.html';
          } else {
            alert('登录失败！');
          }
        });
    }
  }
  

这段遍历json文件然后检测的代码用不了，admin正常，但是后面那段无法运行

打印下data，看看是什么数据咯

【相关推荐】

• 你可以看下这个问题的回答https://ask.csdn.net/questions/837308
• 这篇博客也不错, 你可以看下在线检测json格式是否正确网站
• 您还可以看一下 刘超老师的手机影音项目实战(下)课程中的 服务器JSON数据模拟小节, 巩固相关知识点
  
• 除此之外, 这篇博客: 判断传入的JSON数据中是否包含某个字段的值中的 不需要进行参数校验 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  
  • 可能被循环调用的方法不需要进行参数校验,但是需要在方法说明中注明外部参数的检查要求
  • 声明为private的方法,只会被本身类的代码调用:
    • 如果已经确定调用的方法代码传入参数已经做过检查或者肯定不会有问题,则不需要进行参数校验
  • 底层调用频度比较高的方法

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^