retrieve information stored as a JSON object

Question

retrieve information stored as a JSON object

Below is the json object that I am working with:

$dati = array(
    "data" => array(
        'address_complete'=>$data->results[0]->formatted_address, 
        'address_square'=>$data->results[0]->address_components[1]->long_name,
        'location'=>$data->results[0]->address_components[2]->long_name,
        'postal_code'=>$data->results[0]->address_components[7]->long_name,
        'data_ora'=>$tmp_date
    ),
    "str" => array("n".$i=>$array_db[username]),
    "index" => $i
);

I am trying to display the data from str. Here is what I have written:

... success:function(msg){
        if(msg){
                var j = "n"+2;
                $("#location").html(msg.str.j);
        }else{
            $("#location").html('Not Available');
        }
    },

However, the output appears empty. It works correctly when I directly reference n2 instead of using variable j in $("#location").html(msg.str.j);. Why does this happen?

javascript arrays json

Answer 1

Answer №1

The reason for this issue is attempting to append a string to an object.

An example of what you may be doing incorrectly is trying something like msg.str.'n2', which is not the same as msg.str.n2.

Let me provide you with a functional example right away:

var person = {
    firstName: 'John',
    lastName: 'Doe'
};
alert(person.firstName);

The output of this code will be "John"

Now, consider the following example:

var person = {
    firstName: 'John',
    lastName: 'Doe'
};
var key = 'firstName';
alert(person[key]);

The result of this alert will be "undefined".

Update: For arrays within an object:

var person = {
    firstName: 'john',
    lastName: 'doe',
    array: ['first','second','third']
};
for(var i = 0; i<person.array.length; i++) {
    alert(person.array[i]);
}

If you wish to access it using a key, then use :

var key = 'n2'; 
alert(msg.str[key]);

The correct solution would be:

... success:function(msg){
        if(msg){
                var k = "n"+2;
                $("#output").html(msg.str[k]);
        } else {
            $("#output").html('Not Available');
        }
    },

Answer 2

The reason for this issue is attempting to append a string to an object.

An example of what you may be doing incorrectly is trying something like msg.str.'n2', which is not the same as msg.str.n2.

Let me provide you with a functional example right away:

var person = {
    firstName: 'John',
    lastName: 'Doe'
};
alert(person.firstName);

The output of this code will be "John"

Now, consider the following example:

var person = {
    firstName: 'John',
    lastName: 'Doe'
};
var key = 'firstName';
alert(person[key]);

The result of this alert will be "undefined".

Update: For arrays within an object:

var person = {
    firstName: 'john',
    lastName: 'doe',
    array: ['first','second','third']
};
for(var i = 0; i<person.array.length; i++) {
    alert(person.array[i]);
}

If you wish to access it using a key, then use :

var key = 'n2'; 
alert(msg.str[key]);

The correct solution would be:

... success:function(msg){
        if(msg){
                var k = "n"+2;
                $("#output").html(msg.str[k]);
        } else {
            $("#output").html('Not Available');
        }
    },

retrieve information stored as a JSON object

Answer №1

Similar questions

Creating an array of random integers in Rails based on a given number

What is the best way to transfer variables to a different page through a pop-up window?

The directive attribute in AngularJS fails to connect to the directive scope

Encountering 'Unacceptable' error message when attempting to retrieve response via AJAX in the SPRING

Establish a Connection Between Local Mongo Database and Your Application

Having trouble generating a JSON file from user input upon clicking the button in a C# Windows Form application

Utilizing PHP variables to dynamically assign names to radio input tags, and then extracting their values using jQuery or JavaScript

Choose a random cell in Jquery every second

Triggering blur event manually in Ionic 3

Utilizing Vuex Store in Blade Template | Laravel and Vue.js

What is the best way to transfer data from a controller to a router in a node.js application

The server encountered an unexpected error while processing the request, possibly due to a

Three.js is experiencing difficulties in loading textures for custom Geometry with ShaderMaterial

Neglecting asynchronous Ajax functions once they have been called

JXBrowser comparable

Ways to conceal numerous objects

Obtain Outcome from a Nested Function in Node.js

Is there a way to update the parent component when changes occur in the child component?

Obtain the orientation of the threejs scene and camera to establish the initial perspective

What is the most effective way to transfer values from an array to a constructor in C++?