JSON 被错误解析答案

【问题标题】：JSON incorrectly being parsedJSON 被错误解析
【发布时间】：2019-08-12 17:01:16
【问题描述】：

我有 2 个 js 文件，一个用于客户端，1 个用于服务器。客户端输入登录数据并将其发送到服务器。服务器检查是否找到用户电子邮件，然后检查密码是否正确。我正在做一个 if 语句来验证是否填充了“结果”，然后继续检查密码是否正确。但是我不断收到此错误node.js error，并且这个“”会显示在我的浏览器中。你能帮我么？我已经卡了好几天了。

客户端.js

var textbox;
var emailtextbox;
var dataDiv;
window.onload = initLogin;

function initLogin(){
    textbox = document.createElement("input");
    textbox.id="textbox";
    emailtextbox = document.createElement("input");
    emailtextbox.id="emailtextbox";
    dataDiv = document.createElement("div");
    var header = document.createElement("h1");
    header.appendChild(document.createTextNode("Select User"));
    var button = document.createElement("BUTTON");
    button.id = "myBtn";
    var textBtn = document.createTextNode("Click me");
    button.appendChild(textBtn);
    button.addEventListener("click", () => {
        SendLoginData();
    });

    var docBody = document.getElementsByTagName("body")[0];//Only one body

   docBody.appendChild(header);
   docBody.appendChild(dataDiv);
   docBody.appendChild(textbox);
   docBody.appendChild(emailtextbox);
   docBody.appendChild(button);
}

function SendLoginData(){
    var email = document.getElementById("emailtextbox").value; //I want to send it to server.js
    var password = document.getElementById("textbox").value;
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var dataObj = JSON.stringify(this.responseText);
        dataDiv.innerHTML = dataObj;
    }
};
xhttp.open("GET", "/login/" +password+ "&"+email, true);
xhttp.send();
}

服务器.js

 var express = require('express');
 var app = express();
 app.get('/login/*', handleGetRequest); //how do I pass usrName here?
 app.use(express.static('public'));
 app.listen(5000);

 function handleGetRequest(request, response){
     var pathArray = request.url.split("/");
     var processID = pathArray[pathArray.length - 2];
     var pathEnd = pathArray[pathArray.length - 1];
     if(processID === 'register'){
          response.send("{working}");
     }
     else
         var registerArray = pathEnd.split("&");
         searchEmail(registerArray,response);
     }

     function searchEmail(registerArray, response){
     var mysql = require('mysql');
     var con = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'customer',
    port: 6000
});
con.connect();
var answer = selectData();
response.send(answer);

//Function that adds test data to database
function selectData(){
    var sql = "SELECT * FROM cust where LastName = '" +registerArray[0]+"'";
    con.query(sql, function (err, result) {
        console.log(JSON.stringify(result)); //correctly displaying stuffs from db
        if (JSON.parse(result).length) { //statement not working correctly.
            var pw = "SELECT ID FROM cust where LastName = '" +registerArray[0]+"'";
            con.query(pw, function (err, result) {
                var idcheck  = JSON.parse(result);
                console.log(result); //always shows undefined
                if (idcheck !== registerArray[1]){
                    return ("{re enter correct password}");
                } else {
                    return ("{login successfully}");
                }
            });

        } else {
            return("{sign up first}");
        }
    });
}
con.end();

【问题讨论】：

selectData() 没有返回任何东西，所以我猜answer = selectData() 也是空的。
使用GET 发送密码等敏感数据是个坏主意。对于此类用例，请始终使用 POST。
@vlaz 是的...selectData 为空。当我通过 console.log 显示它时，它返回 undefined。
我建议你做一些研究并学习你用来解决问题的技术。目前，我可以在整个应用程序中看到一些错误。您将遇到的许多问题和错误已经在堆栈溢出时得到解答。祝你好运。

标签： javascript arrays node.js json ajax

【解决方案1】：

试试这样：

var response = JSON.parse(JSON.stringify(result[0]));

if (response.LastName) { 
    var pw = "SELECT ID FROM cust where LastName = '" +registerArray[0]+"'";
    con.query(pw, function (err, result) {
        var idcheck  = JSON.parse(result);
        console.log(result); //always shows undefined
        if (idcheck !== registerArray[1]){
            return ("{re enter correct password}");
        } else {
            return ("{login successfully}");
        }
    });
} else {
    return("{sign up first}");
}

如果你 console.log 你的查询结果，像这样：

console.log(result[0]);

你会得到一个 RowDataPacket 对象：

RowDataPacket { firstName: "My First Name", lastName: "My Last Name" }

这就是为什么你需要先把它字符串化，让它变成这样：

{ "firstName": "My First Name", "lastName": "My Last Name" }

最后你可以解析它并通过验证 LastName 属性是否存在来检查你是否找回了用户。所以，都在一行中：

var response = JSON.parse(JSON.stringify(result[0]));

【讨论】：