JavaScript遍历JSON对象数组实现登录表单验证遇问题求助

看起来你的代码还差了关键的逻辑部分，我帮你补上并修正问题，让它能正确验证用户名和密码是否存在于返回的JSON数据中：

首先，先看修正后的完整代码 #

function registerInfo(){
    var name = document.forms[0].username.value;
    var pw = document.forms[0].pw.value; // 补上缺失的分号
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // 解析服务器返回的JSON数据
            var userList = JSON.parse(this.responseText);
            // 标记是否找到匹配的用户
            var isUserFound = false;
            
            // 遍历用户列表，匹配用户名和密码
            for(var i = 0; i < userList.length; i++){
                if(userList[i].username === name && userList[i].pw === pw){
                    isUserFound = true;
                    break; // 找到匹配项后停止遍历
                }
            }
            
            // 根据匹配结果弹出提示
            if(isUserFound){
                alert("登录成功！用户名和密码已存在");
            } else {
                alert("登录失败！用户名或密码不存在");
            }
        }
    };
    // 记得补充请求的目标URL和请求方式，比如GET请求
    xhttp.open("GET", "你的用户数据接口地址", true);
    xhttp.send();
}

关键问题修复与说明 #

• 语法错误修正：原来的var pw = document.forms[0].pw.value末尾没加分号，这可能导致后续代码出现意外的语法问题，已经补上。
• JSON数据解析：服务器返回的响应是字符串格式，必须用JSON.parse()转换成JavaScript数组/对象才能遍历匹配。
• 匹配逻辑补充：新增了遍历用户列表的循环，逐一对比每个用户的用户名和密码，找到完全匹配的项就标记为已找到。
• 提示逻辑完善：根据isUserFound的状态弹出不同的提示，明确区分“存在/登录成功”和“不存在/登录失败”两种情况。

注意事项 #

• 确保你的服务器返回的JSON数据是数组格式，比如：[{"username":"张三","pw":"123456"},{"username":"李四","pw":"654321"}]
• 确认表单里的输入框name属性确实是username和pw，否则document.forms[0].username.value会获取不到值。
• 记得补充xhttp.open()里的真实接口地址，不然请求发不出去哦。

内容的提问来源于stack exchange，提问作者Zakaria Sichaib