i have a problem to parsing data from websocket into json… i use python as my BE.
this is the code i have try to parse
<code>let socket = new WebSocket('ws://localhost:8009/online-service/ws/'+ JSON.parse(localStorage.getItem("data_login")).data.userId)
socket.onerror = function(error) {
console.error('WebSocket Error:', error);
};
socket.onmessage = function(event) {
let data_stream = JSON.parse(event.data);
console.log(data_stream);
console.log(data_stream.id);
}
</code>
<code>let socket = new WebSocket('ws://localhost:8009/online-service/ws/'+ JSON.parse(localStorage.getItem("data_login")).data.userId)
socket.onerror = function(error) {
console.error('WebSocket Error:', error);
};
socket.onmessage = function(event) {
let data_stream = JSON.parse(event.data);
console.log(data_stream);
console.log(data_stream.id);
}
</code>
let socket = new WebSocket('ws://localhost:8009/online-service/ws/'+ JSON.parse(localStorage.getItem("data_login")).data.userId)
socket.onerror = function(error) {
console.error('WebSocket Error:', error);
};
socket.onmessage = function(event) {
let data_stream = JSON.parse(event.data);
console.log(data_stream);
console.log(data_stream.id);
}
this is result from console.log(data_stream)
<code>{"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
</code>
<code>{"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
</code>
{"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
but when i try accsess with this code
<code>console.log(data_stream.id);
</code>
<code>console.log(data_stream.id);
</code>
console.log(data_stream.id);
the result is
undefined
but if i try the result in other compiler online like jsFiddle it work
<code>data = {"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
console.log(data.id)</code>
<code>data = {"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
console.log(data.id)</code>
data = {"id": "662f00038ce53bb7c8b8207b", "queueSessionId": "662effd98ce53bb7c8b82079", "servantId": "6385896374835ed4c96ad236", "companyId": "6344ee8e91d97e8214cd5f25", "branchOfficeId": "657fe4ba771ca41487a2f4f4", "serviceId": "65839dbe37628135bff27412", "serviceScheduleId": "65839fe137628135bff27417", "isDisplay": 0, "serviceName": "Nasabah", "queue": {"checkinTime": "2024-05-03 02:11:47.128000", "destinationLoket": "NSB-1", "user": {"registerTime": "2024-04-29 02:03:35.690000", "ticket": "NSB-2", "ticketInt": 2, "status": "inCall", "userId": "64c382c7291485b269bbdd42", "familyId": "65813602d9f2041a532e3422", "name": "yandex", "address": "Boston", "queueHistoryId": "662f00038ce53bb7c8b8207b", "customerUserType": "family"}, "queueType": "online"}}
console.log(data.id)
do yo any ide to slove this