Parsing information from a JSON structure

I am attempting to retrieve the text from the JSON response below:

{
 "threaded_extended": {},
 "messages": [
    {
        "body": {
            "parsed": "the network. Take a moment to welcome Jason.",
            "plain": " network. Take a moment to welcome Jason.",
            "rich": "Jason."
        },
        "thread_id": 56,
        "client_type": "Wb",
        "client_url": "https://www.yammer.com/",
        "system_message": true,
        "direct_message": false,
        "chat_client_sequence": null,
        "language": "en",
        "notified_user_ids": [],
        "system_message_properties": {
            "subtype": "created_membership"
        },
        "privacy": "public",
        "attachments": [],
        "liked_by": {
            "count": 0,
            "names": []
        },
        "content_excerpt": " Jason.",
        "group_created_id": null
    }
]

} My function is designed like this, but it keeps returning 'undefined' - I apologize if this is a silly question, my reasoning is that the object has a value, then messages is an attribute, and plain should be an attribute of that. Am I making a mistake somewhere? Any help would be appreciated.

function getData(returnData){
    $.each(returnData, function(key, value){
        if(value != undefined){
            $('#test').append(value.messages.plain);
        }
    });
}
javascriptjsonobject

Answer №1

 $('#test').append(value.messages[0].plain);

messages exists as an array, so you must specify an index.

Correction: I mistakenly assumed that returnData was an array. If this is not the case, then you are iterating through the incorrect object. Please iterate through returnData.messages instead and extract value.body.plain.

Answer №2

Loop through the returnData.messages array within your object to access each message item. The plain value can be found at body.plain for each individual value.

function processData(returnData){
    $.each(returnData.messages, function(key, value){
        if(value !== undefined){
            $('#test').append(value.body.plain);
        }
    });
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

I've been attempting to relocate a CSS element at my command using a button, but my previous attempts using offset and onclick were unsuccessful

I am trying to dynamically move CSS items based on user input or button clicks. Specifically, I want to increment the position of elements by a specified number of pixels or a percentage of pixels. Currently, I am able to set the starting positions (top a ...

javascriptjqueryhtmlcssajax

Utilizing Vue JS for applying multiple filters on a single array

I'm currently facing challenges in optimizing my code. I've successfully created dynamically generated objects from an array, implemented a search function, and had a working filter (just one) at some point. However, my attempt to chain the filte ...

javascriptarraysvue.js

Changes in query parameters on NextJS navigation within the same page do not activate hooks

When utilizing NextJS without SSR, I encountered an issue with basic navigation using different query parameters. Upon the initial arrival on the page/component, everything seems fine as the component gets mounted and URL params change accordingly. However ...

javascriptreactjsnext.js

Error 404 occurs when attempting to retrieve a JSON file using Angular's HTTP

I'm having an issue with my service code. Here is the code snippet: import {Injectable} from '@angular/core'; import {Http, Headers, RequestOptions} from '@angular/http'; import 'rxjs/add/operator/map'; import {Client} f ...

jsonangulartypescript

Is there a way to achieve this using JavaScript?

There is a specific text that I want to modify using JavaScript. Within the opening and closing p tags, I would like to remove two characters from the end. Is there a way to achieve this with JavaScript? <p>text</p> ...

javascripthtmltexttags

Ways to display the modal once the user initiates the action

Is there a way to delay loading my modal HTML codes until after the user clicks a button, rather than having them load automatically with the template? HTML <!-- Template Codes--> <button data-toggle="modal" data-target="#modal-content" type="bu ...

javascriptjqueryhtmlangularjs

Is it possible to invoke a JavaScript function from within a CSS file?

Currently, I am focusing on developing responsive web design and looking for ways to avoid creating multiple versions of each page based on screen width variations. The struggle lies in managing font sizes effectively. While attempting to style them using ...

javascripthtmlcssfontsfont-size

Tips for sending a changing mouse scroll value as a property in VueJS

I am currently utilizing the Laravel - VueJS framework. My goal is to detect the Y position of the mouse scroll and pass it dynamically as a prop to a Navbar component. To achieve this, I set up an eventListener and stored the window.scrollY value in a va ...

javascriptlaravelvue.js

Regular expression that adds quotation marks before and after every word followed by a colon

I need to add quotations around each word that defines a term, followed by a colon. For instance: "def1": "some explanation" "def2": "other explanation" I want to transform it into: "def1": "some explanation" "def2": "other explanation" How can I achiev ...

phpjsonregexobject-literal

The conflict arises when importing between baseUrl and node_modules

I am currently working on a TypeScript project with a specific configuration setup. The partial contents of my tsconfig.json file are as follows: { "compilerOptions": { "module": "commonjs", "baseUrl": &quo ...

javascriptnode.jstypescriptnpmstripe-payments

Converting JSON-style data into a string with the power of node mysql

Just a quick note - I'm a total newbie in the world of web development, so I might be missing an obvious solution here. My challenge is to insert a dataset into a MySQL database using nodejs/expressjs/mysql. I've managed to establish a connecti ...

javascriptmysqljsonnode.jsexpress

How can one effectively conceal the navigation bar on specific pages within a React application that implements React Router?

I am working on my react app and I have a requirement to hide the Navbar specifically for the PageNotFound component. import React, { Component } from 'react'; import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; i ...

javascriptreactjsreact-routerreact-router-dom

Persistent change issue with JQuery CSS function

Looking for some help with a button-bar div that I want to display only after the user clicks on a "settings" button. Currently, I have set the button-bar div to have a display:none property in my css file. However, when the settings button is clicked, t ...

javascriptjqueryhtmlcss

Having difficulty removing an item from an array in JavaScript

I've been struggling to remove an object with a specific value from an array, despite trying various codes and syntax examples from this platform. // ISSUE WITH DELETING "CAMPUS DIRECTOR" CODE router.delete("/:id/director", userAut ...

javascriptnode.jsmongodbexpressmongoose

How to effectively manage Mongoose Query Exceptions in Express.js

Let's imagine a scenario where I need to execute a Mongoose query in an Express post route: app.post("/login",(req,res)=>{ const username = req.body.username const password = req.body.password User.find({username:username},(er ...

javascriptmongodbrestexpressmongoose

Issues with the initial calculator project I built using JavaScript (excluding HTML and CSS)

My first calculator is nearly complete, but I have encountered a challenge. The functionality of my calculator is quite simple; it prompts the user for input using window.prompt and performs addition, subtraction, multiplication, or division based on the u ...

javascript

Parsing a null JSON value into a NullString Pointer

I am facing an issue with the json.Unmarshal function when attempting to pass a null value into a *NullString field in a struct. Take a look at this simplified example to better understand my problem: package main import ( "database/sql" "encoding/js ...

jsongounmarshalling

Increase the number of file upload fields available for use

I've implemented this code to enable users to create additional upload fields. The fields are created successfully, and users can select a file. However, the selected file is not added to the input field except for the first one. On inspecting with fi ...

javascriptjqueryinputbootstrap-4upload

Trouble with Vue bootstrap's <b-modal> function not triggering on @click event

Instead of passing props to the <b-modal> buttons, I want to directly call signinUser() method on @click in my modal when clicking the default OK button. However, the modal doesn't seem to respond to this. The signinUser() method will trigger o ...

javascriptvue.jsbootstrap-vue

What is the best way to update an object with a new object using JavaScript or lodash?

My data structure is as follows: const data = { getSomething: { id: '1', items: [ { id: '1', orders: [ { id: '1', ...

javascriptreactjslodash