首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JSON.parse返回字符串而不是object

JSON.parse返回字符串而不是object
EN

Stack Overflow用户
提问于 2017-02-28 04:08:01
回答 1查看 25.4K关注 0票数 33

我正在编写一个websocket客户端,我想接收消息作为json字符串。为此,我需要登录。如果登录不是真的,我会发送一个没有成功的json字符串。JSON字符串:

代码语言:javascript
复制
{"action":"login","args":["nosuccess"]}

在客户机上,我使用此命令来获取字符串:

代码语言:javascript
复制
WebSocket socket = new WebSocket("ws://localhost:2555/api");

socket.onmessage = function(evt) {
    console.log(evt.data);
    console.log(typeof(evt.data));
    onMessage(evt);
}
function onMessage(evt) {
var data = JSON.parse(evt.data);
var action = data.action;
var args = data.args;
console.log(data);
console.log(typeof(data));
console.log(action);
console.log(args);

但是数据的类型是字符串...但是为什么呢?

evt.data返回:

代码语言:javascript
复制
 "{\"action\":\"login\",\"args\":[\"nosuccess\"]}"

数据返回:

代码语言:javascript
复制
 {"action":"login","args":["nosuccess"]}

WebSocket服务器是一个jetty server,它以json格式发送字符串和字符串数组,并使用gson.toJson(类) Gson在json中进行解析。Class是一个包含字符串操作和字符串数组参数的类。

完整的websocket.js源代码:

代码语言:javascript
复制
var socket;

function openWebsocket(adress) {
    socket = new WebSocket(adress);
    socket.onopen = function(evt) {
        console.log("Socket opened [" + adress + "]");
    };
    socket.onclose = function(evt) {
        loadPage("login.html");
        console.log("Socket closed [" + evt.code + "]");
    }
    socket.onmessage = function(evt) {
        onMessage(evt);
    }
    socket.onerror = function(evt) {
        console.log("Socket couldn't connect [" + evt.message + "]");
        showMessage("fa-exclamation-circle", "Socket couldn't be established!", 1000);
    }
}

function onMessage(evt) {
    var data = JSON.parse(evt.data);
    var action = data.action;
    var args = data.args;
    console.log(data);
    console.log(typeof(data));
    console.log(action);
    console.log(args);
    $(".card-container h3").html(data);

    if(action == "login") {
        if(args[0] == "success") {
            loadPage("dashboard.htm");
            currentpage = "dashboard.htm";
            showMessage("fa-check", "Du wurdest erfolgreich eingeloggt", 2000);
        } else if(args[0] == "nosuccess") {
            loadPage("login.html");
            currentpage = "login.html";
            showMessage("fa-exclamation-circle", "Falscher Benutzername oder falsches Passwort", 2000);
        } else if(args[0] == "unauthenticated") {
            loadPage("login.html");
            currentpage = "login.html";
            showMessage("fa-exclamation-circle", "Login failure: not authenticated", 2000);
        }
    }

}

function sendMessage(json) {
    $(".card-container h3").html(JSON.stringify(json));
    console.log(JSON.stringify(json));
    socket.send(JSON.stringify(json));
}

如果我更改此行:

代码语言:javascript
复制
 var data = JSON.parse(evt.data);

要这样做:

代码语言:javascript
复制
var data = JSON.parse("{\"action\":\"login\",\"args\":[\"nosuccess\"]}");

然后它是一个json对象,但当我使用evt.data时,它就是一个字符串。如果我将这一行更改为:

代码语言:javascript
复制
    var data = JSON.parse(JSON.parse(evt.data));

那么它就可以工作了,但是为什么,通常它应该只用一个JSON.parse就能做到呢,是吗?

EN

回答 1

Stack Overflow用户

发布于 2021-05-18 04:37:55

检查的响应是正确的,因为它似乎是过度字符串的问题。我在我的项目中使用AWS Amplify AWSJSON类型时遇到了它。对我有效的解决方案是迭代多次(两次)以获得一个对象。

编写了一个简单的JS函数,用于解析时将返回一个对象。这并不是真正的错误检查,而是一个起点。

代码语言:javascript
复制
    export function jsonParser(blob) {
       let parsed = JSON.parse(blob);
       if (typeof parsed === 'string') parsed = jsonParser(parsed);
       return parsed;
    }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42494823

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档